tests: fix specs tests

ForkbombEu · Feb 2, 2024 · 101e2a8 · 101e2a8
1 parent 0d687ff
commit 101e2a8
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/src/components/credential-detail/d-credential-detail.css b/src/components/credential-detail/d-credential-detail.css
@@ -29,3 +29,6 @@
 .long-description {
   @apply text-on-alt text-xs not-italic font-normal leading-[150%] tracking-[-0.5px];
 }
+.issuer {
+  @apply self-stretch overflow-hidden text-on text-ellipsis text-xs not-italic font-normal leading-4;
+}
diff --git a/src/components/credential-detail/d-credential-detail.tsx b/src/components/credential-detail/d-credential-detail.tsx
@@ -26,6 +26,7 @@ export class DCredentialDetail {
             <span class="short-description">{this.description}</span>
             <div class="details">
               <span class="long-description">{longDescription}</span>
+              <span class="issuer">{this.issuer}</span>
             </div>
           </div>
           <div class="w-full">

diff --git a/src/components/credential-detail/test/d-credential-detail.spec.tsx b/src/components/credential-detail/test/d-credential-detail.spec.tsx
@@ -10,19 +10,20 @@ describe('d-credential-detail', () => {
     expect(page.root).toEqualHtml(`
       <d-credential-detail>
         <mock:shadow-root>
-         <div>
-           <div class="heading">
-             <d-avatar></d-avatar>
-             <span class="name"></span>
+         <div class="frame">
+            <div class="heading">
+              <d-avatar></d-avatar>
+              <span class="name"></span>
+            </div>
+           <div class="info">
+             <span class="short-description"></span>
+             <div class="details">
+               <span class="long-description"></span>
+               <span class="issuer"></span>
+             </div>
            </div>
-           <span class="description"></span>
-           <span class="long-description"></span>
-           <span class="issuer"></span>
            <div class="w-full">
-           <slot></slot>
-             <d-button color="accent">
-               generate qr
-             </d-button>
+             <slot></slot>
            </div>
          </div>
         </mock:shadow-root>

diff --git a/src/components/definition/test/d-definition.spec.tsx b/src/components/definition/test/d-definition.spec.tsx
@@ -10,7 +10,10 @@ describe('d-definition', () => {
     expect(page.root).toEqualHtml(`
       <d-definition>
         <mock:shadow-root>
-          <slot></slot>
+          <div>
+           <dt class="title"></dt>
+           <dd class="definition"></dd>
+         </div>
         </mock:shadow-root>
       </d-definition>
     `);