unit tests

test/blocks/merch-card/merch-card.test.js

@@ -361,6 +361,18 @@ describe('Merch Card with Offer Selection', () => {
     expect(quantitySelect.getAttribute('step')).to.equal('1');
   });
 
+  describe('TwP Merch Card', () => {
+    it('Displays expected slots ', async () => {
+      document.body.innerHTML = await readFile({ path: './mocks/twp.html' });
+      await init(document.querySelector('.twp'));
+      const merchCard = document.querySelector('merch-card');
+      const topSection = merchCard.shadowRoot.querySelector('.top-section');
+      const body = merchCard.shadowRoot.querySelector('.body');
+      expect(topSection).to.exist;
+      expect(body).to.exist;
+    });
+  });
+
   it('Change quantity select ', async () => {
     document.body.innerHTML = await readFile({ path: './mocks/selection-cards.html' });
     await init(document.querySelector('.quantity-select'));

test/blocks/merch-card/mocks/twp.html

@@ -0,0 +1,20 @@
+<div class="merch-card twp">
+  <div>
+    <div>
+      <h3 id="photography"><strong>Photography</strong></h3>
+      <p>Edit, organize and transform your photos.</p>
+      <p>--</p>
+      <p><strong>What you get:</strong></p>
+      <ul>
+        <li>Lightroom on desktop, mobile and web</li>
+        <li>Photoshop on desktop and iPad</li>
+        <li>Lightroom Classic on desktop</li>
+        <li>Tutorials, fonts, templates, and more</li>
+        <li>X,XXX monthly <a href="https://firefly.adobe.com">generative credits</a></li>
+      </ul>
+      <p><strong>--</strong></p>
+      <p><strong>7-day free trial, then</strong></p>
+      <p><strong>US$9.99/mo</strong></p>
+    </div>
+  </div>
+</div>