From 41701640fc2fff2c123d53857cd87c30867a79d2 Mon Sep 17 00:00:00 2001
From: phoebus-84 <ennio@dyne.org>
Date: Mon, 7 Oct 2024 16:17:33 +0200
Subject: [PATCH] test: update tests

---
 .../definition/test/d-definition.spec.tsx       | 14 ++++++--------
 .../test/d-horizontal-stack.spec.tsx            |  8 +++-----
 .../test/d-verification-card.spec.tsx           | 17 ++++++++++++++++-
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/components/definition/test/d-definition.spec.tsx b/src/components/definition/test/d-definition.spec.tsx
index 8b1c537..e281dc3 100644
--- 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
index 6f28a2a..55fa801 100644
--- 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
index 64e098f..ee3ec7e 100644
--- 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>
     `);