test: snapshot update, createRange mock

Author: xidedix

tests/unit/views/base/Popovers.spec.js

@@ -21,3 +21,14 @@ describe('Popovers.vue', () => {
     expect(wrapper.findComponent(Popovers)).toBeTruthy()
   })
 })
+
+if (global.document) {
+  document.createRange = () => ({
+    setStart: () => {},
+    setEnd: () => {},
+    commonAncestorContainer: {
+      nodeName: 'BODY',
+      ownerDocument: document,
+    },
+  });
+}

tests/unit/views/base/Tooltips.spec.js

@@ -25,3 +25,14 @@ describe('Tooltips.vue', () => {
     // expect(wrapper.element).toMatchSnapshot()
   // })
 })
+
+if (global.document) {
+  document.createRange = () => ({
+    setStart: () => {},
+    setEnd: () => {},
+    commonAncestorContainer: {
+      nodeName: 'BODY',
+      ownerDocument: document,
+    },
+  });
+}

tests/unit/views/users/__snapshots__/User.spec.js.snap

@@ -22,43 +22,43 @@ exports[`User.vue renders correctly 1`] = `
         class="card-body"
       >
         <div
-          data-v-44c7b9c7=""
+          data-v-1c2db5c2=""
           small=""
         >
           <!---->
           <div
             class="position-relative table-responsive"
-            data-v-44c7b9c7=""
+            data-v-1c2db5c2=""
           >
             <table
               class="table table-striped table-fixed"
-              data-v-44c7b9c7=""
+              data-v-1c2db5c2=""
             >
               <thead
-                data-v-44c7b9c7=""
+                data-v-1c2db5c2=""
               >
                 <tr
-                  data-v-44c7b9c7=""
+                  data-v-1c2db5c2=""
                 >
                   <th
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                     style="vertical-align: middle; overflow: hidden; width: 150px;"
                   >
                     <div
-                      data-v-44c7b9c7=""
+                      data-v-1c2db5c2=""
                     >
                       Samppa Nori
                     </div>
                     <!---->
                   </th>
                   <th
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                     style="vertical-align: middle; overflow: hidden; width: 150px;"
                   >
                     <div
-                      data-v-44c7b9c7=""
+                      data-v-1c2db5c2=""
                     >
                       
                     </div>
@@ -69,54 +69,54 @@ exports[`User.vue renders correctly 1`] = `
               </thead>
               <tbody
                 class="position-relative"
-                data-v-44c7b9c7=""
+                data-v-1c2db5c2=""
               >
                 <tr
-                  data-v-44c7b9c7=""
+                  data-v-1c2db5c2=""
                 >
                   <td
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                   >
                      registered 
                   </td>
                   <td
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                   >
                      2012/01/01 
                   </td>
                 </tr>
                 <!---->
                 <tr
-                  data-v-44c7b9c7=""
+                  data-v-1c2db5c2=""
                 >
                   <td
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                   >
                      role 
                   </td>
                   <td
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                   >
                      Member 
                   </td>
                 </tr>
                 <!---->
                 <tr
-                  data-v-44c7b9c7=""
+                  data-v-1c2db5c2=""
                 >
                   <td
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                   >
                      status 
                   </td>
                   <td
                     class=""
-                    data-v-44c7b9c7=""
+                    data-v-1c2db5c2=""
                   >
                      Active 
                   </td>