test: snapshots updated

therealokoro · Feb 8, 2023 · 5bf36ea · 5bf36ea
1 parent 0745827
commit 5bf36ea
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/packages/anu-vue/test/__snapshots__/ABtn.test.ts.snap b/packages/anu-vue/test/__snapshots__/ABtn.test.ts.snap
@@ -1,16 +1,20 @@
 // Vitest Snapshot v1
 
 exports[`Testing ABtn > can mount component 1`] = `
-"<button tabindex=\\"0\\" style=\\"--a-title-c: 0, 0%, 100%; --a-subtitle-c: 0, 0%, 100%; --a-layer-c: var(--a-primary); --a-loader-overlay-bg-c: var(--a-layer-c); --a-spacing: 1;\\" class=\\"whitespace-nowrap inline-flex justify-center items-center relative a-btn states a-title-opacity-100 a-subtitle-opacity-100 [--a-layer-opacity:1] text-white [--a-loader-overlay-bg-opacity:1]\\">
-  <!--v-if-->Click me
+"<button tabindex=\\"0\\" style=\\"--a-title-c: 0, 0%, 100%; --a-subtitle-c: 0, 0%, 100%; --a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn states a-title-opacity-100 a-subtitle-opacity-100 [--a-layer-opacity:1] text-white\\">
+  <!-- ℹ️ Don't render spinner if not using loading -->
   <!--v-if-->
+  <div class=\\"a-btn-content\\">
+    <!--v-if-->Click me
+    <!--v-if-->
+  </div>
 </button>"
 `;
 
 exports[`Testing ABtn > has proper classes 1`] = `
 [
-  "whitespace-nowrap",
   "inline-flex",
+  "whitespace-nowrap",
   "justify-center",
   "items-center",
   "relative",
@@ -20,6 +24,5 @@ exports[`Testing ABtn > has proper classes 1`] = `
   "a-subtitle-opacity-100",
   "[--a-layer-opacity:1]",
   "text-white",
-  "[--a-loader-overlay-bg-opacity:1]",
 ]
 `;
diff --git a/packages/anu-vue/test/__snapshots__/ATable.test.ts.snap b/packages/anu-vue/test/__snapshots__/ATable.test.ts.snap
@@ -2,6 +2,12 @@
 
 exports[`Testing ATable & ADataTable > mount component 1`] = `
 "<div class=\\"a-card relative overflow-hidden bg-[hsla(var(--a-surface-c),var(--un-bg-opacity,1))] a-table a-data-table\\" style=\\"--a-spacing: 1;\\">
+  <!-- 👉 Loader  -->
+  <!--
+        ℹ️ We have intentionally placed loader on top.
+        Because we have card content style based on last child pseudo selector.
+    -->
+  <!--v-if-->
   <!-- 👉 Image -->
   <!--v-if-->
   <!-- 👉 Typography -->
@@ -58,17 +64,25 @@ exports[`Testing ATable & ADataTable > mount component 1`] = `
           <!--v-if-->
         </div><!-- !SECTION -->
         <!-- 👉 Slot: Bottom -->
-        <transition-stub name=\\"expand\\" appear=\\"false\\" persisted=\\"false\\" css=\\"true\\" data-v-0762f2f7=\\"\\">
+        <transition-stub data-v-0762f2f7=\\"\\" name=\\"expand\\" appear=\\"false\\" persisted=\\"false\\" css=\\"true\\">
           <div class=\\"h-8\\" style=\\"display: none;\\"><small class=\\"inline-block text-light-emphasis\\"></small></div>
         </transition-stub>
       </div><!-- 👉 Select options -->
       <!--teleport start-->
       <!--teleport end-->
     </div>
-    <div class=\\"a-data-table-pagination-navigation\\"><button tabindex=\\"-1\\" style=\\"--a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"whitespace-nowrap inline-flex justify-center items-center relative a-btn-icon-only opacity-50 pointer-events-none states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-previous\\" disabled=\\"\\"><i class=\\"i-bx-left-arrow-alt\\"></i>
+    <div class=\\"a-data-table-pagination-navigation\\"><button tabindex=\\"-1\\" style=\\"--a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn-icon-only opacity-50 pointer-events-none states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-previous\\" disabled=\\"\\">
+        <!-- ℹ️ Don't render spinner if not using loading -->
         <!--v-if-->
-      </button><button tabindex=\\"0\\" style=\\"--a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"whitespace-nowrap inline-flex justify-center items-center relative a-btn-icon-only states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-next\\"><i class=\\"i-bx-right-arrow-alt\\"></i>
+        <div class=\\"a-btn-content\\"><i class=\\"i-bx-left-arrow-alt\\"></i>
+          <!--v-if-->
+        </div>
+      </button><button tabindex=\\"0\\" style=\\"--a-layer-c: var(--a-primary); --a-spacing: 1;\\" class=\\"inline-flex whitespace-nowrap justify-center items-center relative a-btn-icon-only states a-title-opacity-100 a-subtitle-opacity-100 a-title-primary a-subtitle-primary a-data-table-paginate-next\\">
+        <!-- ℹ️ Don't render spinner if not using loading -->
         <!--v-if-->
+        <div class=\\"a-btn-content\\"><i class=\\"i-bx-right-arrow-alt\\"></i>
+          <!--v-if-->
+        </div>
       </button></div>
   </div>
 </div>"