Bläddra i källkod

[ui] Vue 3 - UTs - Regenerating snapshots

sreenaths 4 år sedan
förälder
incheckning
43a07b6e64
17 ändrade filer med 385 tillägg och 480 borttagningar
  1. 4 14
      desktop/core/src/desktop/js/apps/editor/components/__snapshots__/ExecutableActions.test.ts.snap
  2. 1 2
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/__snapshots__/AceEditor.test.ts.snap
  3. 8 20
      desktop/core/src/desktop/js/components/__snapshots__/ColumnSelectorPanel.test.ts.snap
  4. 45 108
      desktop/core/src/desktop/js/components/__snapshots__/DateRangePicker.test.ts.snap
  5. 4 1
      desktop/core/src/desktop/js/components/__snapshots__/HueButton.test.ts.snap
  6. 13 4
      desktop/core/src/desktop/js/components/__snapshots__/HueLink.test.ts.snap
  7. 266 171
      desktop/core/src/desktop/js/components/__snapshots__/HueTable.test.ts.snap
  8. 4 24
      desktop/core/src/desktop/js/components/__snapshots__/InlineAlert.test.ts.snap
  9. 11 20
      desktop/core/src/desktop/js/components/__snapshots__/Modal.test.ts.snap
  10. 2 26
      desktop/core/src/desktop/js/components/__snapshots__/Paginator.test.ts.snap
  11. 1 3
      desktop/core/src/desktop/js/components/__snapshots__/SearchInput.test.ts.snap
  12. 2 64
      desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenu.test.ts.snap
  13. 4 1
      desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuButton.test.ts.snap
  14. 4 2
      desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuGroup.test.ts.snap
  15. 1 1
      desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuItem.test.ts.snap
  16. 1 1
      desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuText.test.ts.snap
  17. 14 18
      desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownPanel.test.ts.snap

+ 4 - 14
desktop/core/src/desktop/js/apps/editor/components/__snapshots__/ExecutableActions.test.ts.snap

@@ -8,20 +8,10 @@ exports[`ExecutableActions.vue should render 1`] = `
     disabled="true"
     small="true"
     title="Creating session"
-  >
-    <i
-      class="fa fa-fw fa-spinner fa-spin"
-    />
-     Loading
-  
-  </hue-button-stub>
-   
-  <!---->
-   
-  <!---->
-   
-  <!---->
-   
+  />
+  <!--v-if-->
+  <!--v-if-->
+  <!--v-if-->
   <form
     autocomplete="off"
     class="inline-block margin-left-10"

+ 1 - 2
desktop/core/src/desktop/js/apps/editor/components/aceEditor/__snapshots__/AceEditor.test.ts.snap

@@ -96,7 +96,6 @@ exports[`AceEditor.vue should render 1`] = `
       </div>
     </div>
   </div>
-   
-  <!---->
+  <!--v-if-->
 </div>
 `;

+ 8 - 20
desktop/core/src/desktop/js/components/__snapshots__/ColumnSelectorPanel.test.ts.snap

@@ -14,19 +14,15 @@ exports[`ColumnSelectorPanel.vue should render 1`] = `
         type="text"
       />
     </li>
-     
+    
+    
   </ul>
-   
   <div
     class="column-selector-actions"
   >
     <hue-button-stub
       type="button"
-    >
-      
-      Apply
-    
-    </hue-button-stub>
+    />
   </div>
 </div>
 `;
@@ -45,15 +41,13 @@ exports[`ColumnSelectorPanel.vue should render with checkboxes 1`] = `
         type="text"
       />
     </li>
-     
+    
     <li>
       <label>
         <input
           type="checkbox"
         />
-        
-        A
-      
+         A
       </label>
     </li>
     <li>
@@ -61,23 +55,17 @@ exports[`ColumnSelectorPanel.vue should render with checkboxes 1`] = `
         <input
           type="checkbox"
         />
-        
-        B
-      
+         B
       </label>
     </li>
+    
   </ul>
-   
   <div
     class="column-selector-actions"
   >
     <hue-button-stub
       type="button"
-    >
-      
-      Apply
-    
-    </hue-button-stub>
+    />
   </div>
 </div>
 `;

+ 45 - 108
desktop/core/src/desktop/js/components/__snapshots__/DateRangePicker.test.ts.snap

@@ -3,24 +3,18 @@
 exports[`DateRangePicker.vue should render 1`] = `
 <div
   class="hue-dropdown-panel"
+  inline="false"
 >
-  <button
-    class="hue-btn"
-    type="button"
-  >
-    
-    Last 7 days 
-    <i
-      class="fa fa-caret-down"
-    />
-  </button>
-   
+  <hue-button-stub
+    disabled="false"
+  />
   <div
     class="hue-dropdown-container"
   >
     <div
       class="hue-dropdown-inner"
     >
+      
       <div
         class="date-range-picker-panel"
       >
@@ -36,256 +30,199 @@ exports[`DateRangePicker.vue should render 1`] = `
               <header>
                 Quick Ranges
               </header>
-               
               <div
                 class="preset-list"
               >
+                
                 <div
                   class="preset-column"
                 >
+                  
                   <div
-                    class="preset-value selected"
+                    class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 7 days
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 30 days
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 60 days
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 90 days
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 6 months
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 1 year
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 2 years
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 5 years
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
+                  
                 </div>
                 <div
                   class="preset-column"
                 >
+                  
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 5 minutes
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 15 minutes
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 30 minutes
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 1 hour
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 3 hours
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 6 hours
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 12 hours
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last 24 hours
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
+                  
                 </div>
                 <div
                   class="preset-column"
                 >
+                  
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Today
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Yesterday
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      This week
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last week
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      This month
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last month
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      This year
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
                   <div
                     class="preset-value"
                   >
-                    <hue-link-stub>
-                      Last year
-                    </hue-link-stub>
+                    <hue-link-stub />
                   </div>
+                  
                 </div>
+                
               </div>
             </div>
           </div>
-           
           <div
             class="date-range-picker-custom"
           >
             <header>
               Time Range
             </header>
-             
             <div>
               <div
                 class="range-header"
               >
                 FROM:
               </div>
-               
               <datepicker-stub
-                calendarclass="range-calendar"
+                calendar-class="range-calendar"
                 format="dd/MM/yyyy"
-                inputclass="range-input"
-                language="[object Object]"
-                maximumview="year"
-                minimumview="day"
+                input-class="range-input"
                 placeholder="DD/MM/YYYY"
                 typeable="true"
               />
             </div>
-             
             <div>
               <div
                 class="range-header"
               >
                 TO:
               </div>
-               
               <datepicker-stub
-                calendarclass="range-calendar"
+                calendar-class="range-calendar"
                 format="dd/MM/yyyy"
-                inputclass="range-input"
-                language="[object Object]"
-                maximumview="year"
-                minimumview="day"
+                input-class="range-input"
                 placeholder="DD/MM/YYYY"
                 typeable="true"
               />
             </div>
           </div>
         </div>
-         
         <div
           class="date-range-picker-footer"
         >
-          <hue-link-stub>
-            Cancel
-          </hue-link-stub>
-           
+          <hue-link-stub />
           <hue-button-stub
             primary="true"
             small="true"
-          >
-            Apply
-          </hue-button-stub>
+          />
         </div>
       </div>
+      
     </div>
   </div>
 </div>

+ 4 - 1
desktop/core/src/desktop/js/components/__snapshots__/HueButton.test.ts.snap

@@ -4,5 +4,8 @@ exports[`HueButton.vue should render 1`] = `
 <button
   class="hue-btn"
   type="button"
-/>
+>
+  
+  
+</button>
 `;

+ 13 - 4
desktop/core/src/desktop/js/components/__snapshots__/HueLink.test.ts.snap

@@ -2,19 +2,28 @@
 
 exports[`HueLink.vue should not pass href attribute to the a element 1`] = `
 <a
-  href="javascript:void(0);"
-/>
+  href="http://gethue.com"
+>
+  
+  
+</a>
 `;
 
 exports[`HueLink.vue should pass attributes to the a element 1`] = `
 <a
   href="javascript:void(0);"
   target="_blank"
-/>
+>
+  
+  
+</a>
 `;
 
 exports[`HueLink.vue should render a Link 1`] = `
 <a
   href="javascript:void(0);"
-/>
+>
+  
+  
+</a>
 `;

+ 266 - 171
desktop/core/src/desktop/js/components/__snapshots__/HueTable.test.ts.snap

@@ -8,120 +8,121 @@ exports[`HueTable.vue should render a sticky table with header and column css 1`
     class="hue-table sticky-header"
   >
     <caption>
+      <!-- Because of Web:TableWithoutCaptionCheck -->
       
-      
-    
     </caption>
-     
     <thead>
       <tr
         class="header-row"
       >
+        
         <th
           class="header-css-class-A sticky-first-col"
           scope="col"
         >
-          
           A
-        
         </th>
         <th
           class="header-css-class-B"
           scope="col"
         >
-          
           B
-        
         </th>
-         
+        
+        <!-- To fill the blank space to the right when table width is smaller than available horizontal space -->
         <th
           class="column-flush"
           scope="col"
         />
       </tr>
     </thead>
-     
     <tbody>
+      
       <tr>
+        
         <td
           class="td-css-class-A sticky-first-col"
         >
           
-            1
+          1
           
         </td>
         <td
           class="td-css-class-B"
         >
           
-            5
+          5
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
+        
         <td
           class="td-css-class-A sticky-first-col"
         >
           
-            2
+          2
           
         </td>
         <td
           class="td-css-class-B"
         >
           
-            6
+          6
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
+        
         <td
           class="td-css-class-A sticky-first-col"
         >
           
-            3
+          3
           
         </td>
         <td
           class="td-css-class-B"
         >
           
-            7
+          7
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
+        
         <td
           class="td-css-class-A sticky-first-col"
         >
           
-            4
+          4
           
         </td>
         <td
           class="td-css-class-B"
         >
           
-            8
+          8
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
+      
     </tbody>
   </table>
 </div>
@@ -135,156 +136,189 @@ exports[`HueTable.vue should render a table 1`] = `
     class="hue-table"
   >
     <caption>
+      <!-- Because of Web:TableWithoutCaptionCheck -->
       
-      
-    
     </caption>
-     
     <thead>
       <tr
         class="header-row"
       >
+        
         <th
+          class=""
           scope="col"
         >
-          
           A
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           D
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           C
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           B
-        
         </th>
-         
+        
+        <!-- To fill the blank space to the right when table width is smaller than available horizontal space -->
         <th
           class="column-flush"
           scope="col"
         />
       </tr>
     </thead>
-     
     <tbody>
+      
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            1
+          1
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            false
+          false
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            5
+          5
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            2
+          2
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            true
+          true
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            6
+          6
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            3
+          3
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            false
+          false
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            7
+          7
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            4
+          4
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            true
+          true
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            8
+          8
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
+      
     </tbody>
   </table>
 </div>
@@ -298,70 +332,79 @@ exports[`HueTable.vue should render a table with a custom component for a cell 1
     class="hue-table"
   >
     <caption>
+      <!-- Because of Web:TableWithoutCaptionCheck -->
       
-      
-    
     </caption>
-     
     <thead>
       <tr
         class="header-row"
       >
+        
         <th
+          class=""
           scope="col"
         >
-          
           A
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           B
-        
         </th>
-         
+        
+        <!-- To fill the blank space to the right when table width is smaller than available horizontal space -->
         <th
           class="column-flush"
           scope="col"
         />
       </tr>
     </thead>
-     
     <tbody>
+      
       <tr>
-        <td>
-          <div>
-            3
-          </div>
+        
+        <td
+          class=""
+        >
+          
+          1
+          
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            2
+          2
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
-          <div>
-            9
-          </div>
+        
+        <td
+          class=""
+        >
+          
+          4
+          
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            5
+          5
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
+      
     </tbody>
   </table>
 </div>
@@ -375,102 +418,121 @@ exports[`HueTable.vue should render a table with adapter 1`] = `
     class="hue-table"
   >
     <caption>
+      <!-- Because of Web:TableWithoutCaptionCheck -->
       
-      
-    
     </caption>
-     
     <thead>
       <tr
         class="header-row"
       >
+        
         <th
+          class=""
           scope="col"
         >
-          
           A
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           B + C
-        
         </th>
-         
+        
+        <!-- To fill the blank space to the right when table width is smaller than available horizontal space -->
         <th
           class="column-flush"
           scope="col"
         />
       </tr>
     </thead>
-     
     <tbody>
+      
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            1
+          1
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            14
+          14
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            2
+          2
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            16
+          16
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            3
+          3
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            18
+          18
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            4
+          4
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            20
+          20
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
+      
     </tbody>
   </table>
 </div>
@@ -484,156 +546,189 @@ exports[`HueTable.vue should render a table with array rows 1`] = `
     class="hue-table"
   >
     <caption>
+      <!-- Because of Web:TableWithoutCaptionCheck -->
       
-      
-    
     </caption>
-     
     <thead>
       <tr
         class="header-row"
       >
+        
         <th
+          class=""
           scope="col"
         >
-          
           A
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           D
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           C
-        
         </th>
         <th
+          class=""
           scope="col"
         >
-          
           B
-        
         </th>
-         
+        
+        <!-- To fill the blank space to the right when table width is smaller than available horizontal space -->
         <th
           class="column-flush"
           scope="col"
         />
       </tr>
     </thead>
-     
     <tbody>
+      
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            5
+          5
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            false
+          false
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            6
+          6
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            true
+          true
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            7
+          7
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            false
+          false
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
       <tr>
-        <td>
+        
+        <td
+          class=""
+        >
           
-            8
+          8
           
         </td>
-        <td>
+        <td
+          class=""
+        >
           
-            true
+          true
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-        <td>
+        <td
+          class=""
+        >
+          
           
-            
           
         </td>
-         
+        
         <td
           class="column-flush"
         />
       </tr>
+      
     </tbody>
   </table>
 </div>

+ 4 - 24
desktop/core/src/desktop/js/components/__snapshots__/InlineAlert.test.ts.snap

@@ -4,27 +4,21 @@ exports[`InlineAlert.vue should render 1`] = `
 <div
   class="inline-alert ea-success"
 >
-  <!---->
-   
+  <!--v-if-->
   <em
     class="fa alert-icon alert-color fa-check-circle"
   />
-   
   <div
     class="inline-alert-title"
   >
     Success!
   </div>
-   
   <span
     class="inline-alert-message"
   >
-    
     Test Message
-  
   </span>
-   
-  <!---->
+  <!--v-if-->
 </div>
 `;
 
@@ -32,32 +26,24 @@ exports[`InlineAlert.vue should render with more-less button 1`] = `
 <div
   class="inline-alert ea-success"
 >
-  <!---->
-   
+  <!--v-if-->
   <em
     class="fa alert-icon alert-color fa-check-circle"
   />
-   
   <div
     class="inline-alert-title"
   >
     Success!
   </div>
-   
   <span
     class="inline-alert-message"
   >
-    
     Test Message
-  
   </span>
-   
   <a
     class="more-less-button"
   >
-    
     More details
-  
   </a>
 </div>
 `;
@@ -69,25 +55,19 @@ exports[`InlineAlert.vue show close 1`] = `
   <em
     class="inline-alert-close fa fa-times alert-color"
   />
-   
   <em
     class="fa alert-icon alert-color fa-check-circle"
   />
-   
   <div
     class="inline-alert-title"
   >
     Success!
   </div>
-   
   <span
     class="inline-alert-message"
   >
-    
     Test Message
-  
   </span>
-   
-  <!---->
+  <!--v-if-->
 </div>
 `;

+ 11 - 20
desktop/core/src/desktop/js/components/__snapshots__/Modal.test.ts.snap

@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Modal.vue should render a modal 1`] = `
-<transition-stub
-  name="modal"
->
+<transition-stub>
   <div
     class="modal-mask"
   >
@@ -16,36 +14,29 @@ exports[`Modal.vue should render a modal 1`] = `
         <div
           class="modal-header"
         >
-          <div
-            id="test-header"
-          >
-            Some Header
-          </div>
-           
+          
+          
           <i
             aria-hidden="true"
             class="fa fa-times"
           />
         </div>
-         
         <div
           class="modal-body"
         >
-          <div
-            id="test-body"
-          >
-            Some Body
-          </div>
+          
+          
         </div>
-         
         <div
           class="modal-footer"
         >
-          <div
-            id="test-footer"
+          
+          <button
+            class="modal-default-button"
           >
-            Some Footer
-          </div>
+            CLOSE
+          </button>
+          
         </div>
       </div>
     </div>

+ 2 - 26
desktop/core/src/desktop/js/components/__snapshots__/Paginator.test.ts.snap

@@ -7,34 +7,13 @@ exports[`Paginator.vue should render 1`] = `
   <div
     class="page-status"
   >
-    
     1-25 of 500
-  
   </div>
-  
-  Rows per page:
-  
+   Rows per page: 
   <dropdown-menu-stub
     link="true"
     text="25"
-  >
-    <dropdown-menu-button-stub>
-      
-      25
-    
-    </dropdown-menu-button-stub>
-    <dropdown-menu-button-stub>
-      
-      50
-    
-    </dropdown-menu-button-stub>
-    <dropdown-menu-button-stub>
-      
-      100
-    
-    </dropdown-menu-button-stub>
-  </dropdown-menu-stub>
-   
+  />
   <div
     class="navigation-actions"
   >
@@ -46,7 +25,6 @@ exports[`Paginator.vue should render 1`] = `
         type="hi-chevron-left-limit"
       />
     </a>
-     
     <a
       class="disabled"
       href="javascript: void(0);"
@@ -55,7 +33,6 @@ exports[`Paginator.vue should render 1`] = `
         type="hi-chevron-left"
       />
     </a>
-     
     <a
       class=""
       href="javascript: void(0);"
@@ -64,7 +41,6 @@ exports[`Paginator.vue should render 1`] = `
         type="hi-chevron-right"
       />
     </a>
-     
     <a
       class=""
       href="javascript: void(0);"

+ 1 - 3
desktop/core/src/desktop/js/components/__snapshots__/SearchInput.test.ts.snap

@@ -9,7 +9,6 @@ exports[`SearchInput.vue should render 1`] = `
       class="magnify-icon fa fa-fw fa-search"
       style="top: 6px;"
     />
-     
     <form
       autocomplete="off"
     >
@@ -22,11 +21,10 @@ exports[`SearchInput.vue should render 1`] = `
         spellcheck="false"
         type="text"
       />
-       
       <input
         autocomplete="do-not-autocomplete"
         class="hue-search-input-overlay magnify-icon-input"
-        disabled="disabled"
+        disabled=""
         type="text"
       />
     </form>

+ 2 - 64
desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenu.test.ts.snap

@@ -1,67 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`DropdownMenu.vue should render dropdown with slots 1`] = `
-<div
-  class="hue-dropdown-panel hue-dropdown-menu"
->
-  <button
-    class="hue-btn"
-    type="button"
-  >
-    
-     
-    <i
-      class="fa fa-caret-down"
-    />
-  </button>
-   
-  <div
-    class="hue-dropdown-container"
-  >
-    <div
-      class="hue-dropdown-inner"
-    >
-      <div
-        class="hue-dropdown-menu-inner"
-      >
-        <ul>
-          <div>
-            Some item
-          </div>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
+exports[`DropdownMenu.vue should render dropdown with slots 1`] = `<!--[object Object]-->`;
 
-exports[`DropdownMenu.vue should render empty dropdown 1`] = `
-<div
-  class="hue-dropdown-panel hue-dropdown-menu"
->
-  <button
-    class="hue-btn"
-    type="button"
-  >
-    
-     
-    <i
-      class="fa fa-caret-down"
-    />
-  </button>
-   
-  <div
-    class="hue-dropdown-container"
-  >
-    <div
-      class="hue-dropdown-inner"
-    >
-      <div
-        class="hue-dropdown-menu-inner"
-      >
-        <ul />
-      </div>
-    </div>
-  </div>
-</div>
-`;
+exports[`DropdownMenu.vue should render empty dropdown 1`] = `<!--[object Object]-->`;

+ 4 - 1
desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuButton.test.ts.snap

@@ -2,6 +2,9 @@
 
 exports[`DropdownMenuButton.vue should render 1`] = `
 <li>
-  <button />
+  <button>
+    
+    
+  </button>
 </li>
 `;

+ 4 - 2
desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuGroup.test.ts.snap

@@ -7,7 +7,9 @@ exports[`DropdownMenuGroup.vue should render 1`] = `
   >
     Some Header
   </header>
-   
-  <ul />
+  <ul>
+    
+    
+  </ul>
 </li>
 `;

+ 1 - 1
desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuItem.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`DropdownMenuItem.vue should render 1`] = `
 <li>
-  
+   
   
   
 </li>

+ 1 - 1
desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownMenuText.test.ts.snap

@@ -4,7 +4,7 @@ exports[`DropdownMenuText.vue should render 1`] = `
 <li
   class="hue-dropdown-item-text"
 >
-  
+   
   
   
 </li>

+ 14 - 18
desktop/core/src/desktop/js/components/dropdown/__snapshots__/DropdownPanel.test.ts.snap

@@ -4,20 +4,18 @@ exports[`DropdownPanel.vue should render dropdown panel with slots 1`] = `
 <div
   class="hue-dropdown-panel"
 >
-  <hue-button-stub>
-    
-     
-    <i
-      class="fa fa-caret-down"
-    />
-  </hue-button-stub>
-   
+  <hue-button-stub
+    disabled="false"
+  />
   <div
     class="hue-dropdown-container"
   >
     <div
       class="hue-dropdown-inner"
-    />
+    >
+      
+      
+    </div>
   </div>
 </div>
 `;
@@ -26,20 +24,18 @@ exports[`DropdownPanel.vue should render empty dropdown panel 1`] = `
 <div
   class="hue-dropdown-panel"
 >
-  <hue-button-stub>
-    
-     
-    <i
-      class="fa fa-caret-down"
-    />
-  </hue-button-stub>
-   
+  <hue-button-stub
+    disabled="false"
+  />
   <div
     class="hue-dropdown-container"
   >
     <div
       class="hue-dropdown-inner"
-    />
+    >
+      
+      
+    </div>
   </div>
 </div>
 `;