dark theme ut

adobecom · Oct 1, 2024 · d1ba823 · d1ba823
1 parent d8eb9e9
commit d1ba823
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/libs/features/mas/web-components/test/merch-card.ccd-suggested.test.html b/libs/features/mas/web-components/test/merch-card.ccd-suggested.test.html
@@ -118,7 +118,7 @@
           </merch-card>
       </sp-theme>
       <sp-theme theme="spectrum" color="dark" scale="medium" dir="rtl">
-        <merch-card strip-size="small" strip-background="./img/pixel.png" tabindex="0" variant="ccd-suggested" filters="" types="">
+        <merch-card strip-size="small" class="dark-theme" strip-background="./img/pixel.png" tabindex="0" variant="ccd-suggested" filters="" types="">
           <sp-status-light size="l" variant="info" dir="ltr"></sp-status-light>
           <merch-icon
             slot="icons"

diff --git a/libs/features/mas/web-components/test/merch-card.ccd-suggested.test.html.js b/libs/features/mas/web-components/test/merch-card.ccd-suggested.test.html.js
@@ -34,7 +34,13 @@ runTests(async () => {
       it('should have strip with size small for the ccd-suggested wide card', async () => {
         const ccdSliceWideCard = document.querySelector('merch-card[variant="ccd-suggested"][strip-size="small"]');
         expect(ccdSliceWideCard.getAttribute('variant')).to.equal('ccd-suggested');
-    });
+     });
+
+     it('should have dark theme', async () => {
+      const ccdSliceDarkCard = document.querySelector('merch-card[variant="ccd-suggested"][strip-size="small"].dark-theme');
+      const theme = ccdSliceDarkCard.theme.color;
+      expect(theme.to.equal('dark'));
+   });
     });
 
 });