Feat: Add TU for HTML notification

Author: Thomas Leconte

cypress/e2e/notify.cy.ts

@@ -19,10 +19,19 @@ it('error notification', () => {
   cy.get('div.v-snackbar__wrapper').should('have.class', 'bg-error')
 })
 
+it('Html notification', () => {
+  cy.get('button#html-notification').click()
+  cy.get('div.v-snackbar--active').should('exist')
+  cy.get('div.v-snackbar__wrapper').should('exist')
+  cy.get('div.v-snackbar__content b').should('exist')
+  cy.get('div.v-snackbar__content b').should('contain', 'HTML content')
+  cy.get('div.v-snackbar__wrapper').should('have.class', 'bg-info')
+})
+
 it('create sfc notification', () => {
   cy.get('button#sfc-create-notification').click()
   cy.get('div.v-snackbar--active').should('exist')
   cy.get('div.v-snackbar__wrapper').should('exist')
   cy.get('div.v-snackbar__content').should('contain', 'My SFC notification!')
   cy.get('div.v-snackbar__wrapper').should('have.class', 'bg-success')
-})
+})

cypress/test-server/src/components/HelloWorld.vue

@@ -28,6 +28,7 @@
           <div class="mt-5">
             <v-btn id="create-notification" @click="createNotification()">Create notification</v-btn>
             <v-btn id="error-notification" @click="errorNotification()" color="error">Error notification</v-btn>
+            <v-btn id="html-notification" @click="createNotificationWithHTML()" color="error">Html notification</v-btn>
           </div>
         </div>
 
@@ -127,6 +128,16 @@ export default defineComponent({
     errorNotification(){
       this.$notify.error("Hello error!\nLorem ipsum dolor sit amet, consectetur!", {timeout: 3000, location: 'bottom right'})
     },
+    createNotificationWithHTML(){
+      this.$notify.create({
+        text: "Hello world!",
+        htmlContent: "<b>HTML content</b>",
+        notifyOptions: {
+          timeout: 3000,
+          location: 'top right'
+        }
+      })
+    },
     createBottomsheet(){
       this.$bottomSheet.create({
         bottomSheetOptions: { inset: true },