test: update tests

ForkbombEu · Oct 7, 2024 · 4170164 · 4170164
1 parent 97d4549
commit 4170164
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 14 deletions.
diff --git a/src/components/definition/test/d-definition.spec.tsx b/src/components/definition/test/d-definition.spec.tsx
@@ -8,14 +8,12 @@ describe('d-definition', () => {
       html: `<d-definition></d-definition>`,
     });
     expect(page.root).toEqualHtml(`
-      <d-definition>
-        <mock:shadow-root>
-          <div>
-           <dl>
-             <dt class="title"></dt>
-             <dd class="definition"></dd>
-           </dl>
-          </div>
+      <d-definition class="border-b border-b-on-alt border-solid flex justify-between w-full">
+       <mock:shadow-root>
+         <div class="border-b border-b-on-alt border-solid flex justify-between w-full">
+           <dl class="flex flex-col h-11 w-full">
+             <dt class="font-normal leading-[150%] not-italic text-on-alt text-xs tracking-[-0.5px]"></dt>
+             <dd class="font-medium leading-[150%] not-italic text-on text-xs tracking-[-0.5px]"></dd>
         </mock:shadow-root>
       </d-definition>
     `);

diff --git a/src/components/horizontal-stack/test/d-horizontal-stack.spec.tsx b/src/components/horizontal-stack/test/d-horizontal-stack.spec.tsx
@@ -8,11 +8,9 @@ describe('d-horizontal-stack', () => {
       html: `<d-horizontal-stack></d-horizontal-stack>`,
     });
     expect(page.root).toEqualHtml(`
-      <d-horizontal-stack>
-        <mock:shadow-root>
-          <div class="flex flex-row gap-2">
-            <slot></slot>
-          </div>
+     <d-horizontal-stack class="flex flex-row gap-2">
+      <mock:shadow-root>
+        <slot></slot>
         </mock:shadow-root>
       </d-horizontal-stack>
     `);

diff --git a/src/components/verification-card/test/d-verification-card.spec.tsx b/src/components/verification-card/test/d-verification-card.spec.tsx
@@ -10,7 +10,22 @@ describe('d-verification-card', () => {
     expect(page.root).toEqualHtml(`
       <d-verification-card>
         <mock:shadow-root>
-          <slot></slot>
+         <div class="bg-primary flex gap-3 items-start no-underline p-5 rounded-lg w-full">
+           <d-vertical-stack class="w-full">
+             <d-horizontal-stack class="items-start justify-between w-full">
+               <d-avatar name="John Doe" shape="square" size="l"></d-avatar>
+               <div class="border border-accent h-6 rounded-full w-6"></div>
+             </d-horizontal-stack>
+             <d-vertical-stack class="w-full" gap="0">
+               <d-text size="l"></d-text>
+               <d-text class="text-on-alt" size="s"></d-text>
+               <d-text class="text-on-alt" size="xs"></d-text>
+             </d-vertical-stack>
+             <d-vertical-stack class="w-full" gap="0">
+               <slot></slot>
+             </d-vertical-stack>
+           </d-vertical-stack>
+         </div>
         </mock:shadow-root>
       </d-verification-card>
     `);