Skip to content

Commit

Permalink
Fixing UTs
Browse files Browse the repository at this point in the history
  • Loading branch information
Drashti Modasara committed Dec 12, 2023
1 parent c578261 commit 9114c8a
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 37 deletions.
7 changes: 7 additions & 0 deletions test/features/genfill/genfill-interactive.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,4 +29,11 @@ describe('genfill variant of interactive marquee', () => {
expect(ent.querySelector('.enticement-text')).to.exist;
expect(ent.querySelector('.enticement-arrow')).to.exist;
});
it('should implement click functionality', () => {
const a = im.querySelector('.desktop-only a');
const img = a.querySelector('img');
expect(img.alt.includes('Generate Jungle')).to.true;
a.click();
expect(img.alt.includes('Generate Pond')).to.true;
});
});
74 changes: 37 additions & 37 deletions test/features/genfill/mocks/genfill.html
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
<div class="interactive-marquee light genfill">
<div class="interactive-marquee genfill">
<div>
<div data-valign="middle">
<picture>
<img loading="lazy" alt="" src="" width="1600" height="750">
<source type="image/webp" srcset="./media_17d766f825a9e81814caa27c230d9acc7f824bd7c.png?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_17d766f825a9e81814caa27c230d9acc7f824bd7c.png?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/png" srcset="./media_17d766f825a9e81814caa27c230d9acc7f824bd7c.png?width=2000&amp;format=png&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="" src="./media_17d766f825a9e81814caa27c230d9acc7f824bd7c.png?width=750&amp;format=png&amp;optimize=medium" width="1600" height="750">
</picture>
</div>
</div>
<div>
<div data-valign="middle">
<p>
<picture>
<img loading="lazy" alt="" src="" width="154" height="150">
<source type="image/webp" srcset="./media_12bfb726aa0bd8e9f444f69e2bbeb3950cb2a867b.png?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_12bfb726aa0bd8e9f444f69e2bbeb3950cb2a867b.png?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/png" srcset="./media_12bfb726aa0bd8e9f444f69e2bbeb3950cb2a867b.png?width=2000&amp;format=png&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="" src="./media_12bfb726aa0bd8e9f444f69e2bbeb3950cb2a867b.png?width=750&amp;format=png&amp;optimize=medium" width="154" height="150">
</picture>Photoshop
</p>
<h2 id="edit-photos-online-with-adobe-photoshop">Edit photos online with Adobe Photoshop</h2>
Expand All @@ -22,64 +28,58 @@ <h2 id="edit-photos-online-with-adobe-photoshop">Edit photos online with Adobe P
<p>2000|0</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_199aaddd744e212cd4a521e7f1ea658e219e415a9.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_199aaddd744e212cd4a521e7f1ea658e219e415a9.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_199aaddd744e212cd4a521e7f1ea658e219e415a9.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Generate Jungle" src="./media_199aaddd744e212cd4a521e7f1ea658e219e415a9.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_126c171cba648be0cf4bfb103f2b1a0c57f057d9c.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_126c171cba648be0cf4bfb103f2b1a0c57f057d9c.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_126c171cba648be0cf4bfb103f2b1a0c57f057d9c.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Generate Pond" src="./media_126c171cba648be0cf4bfb103f2b1a0c57f057d9c.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_1b4b96b28a0346dd1fca00c0e2d9b51cdee362919.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_1b4b96b28a0346dd1fca00c0e2d9b51cdee362919.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_1b4b96b28a0346dd1fca00c0e2d9b51cdee362919.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Jaguar" data-title="JaguarD" src="./media_1b4b96b28a0346dd1fca00c0e2d9b51cdee362919.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_19b938924488c65dc3497a1f78001c221a306faad.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_19b938924488c65dc3497a1f78001c221a306faad.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_19b938924488c65dc3497a1f78001c221a306faad.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Rainforest Plant" data-title="Rainforest PlantD" src="./media_19b938924488c65dc3497a1f78001c221a306faad.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_165ecaae93155e114857d2f6cc24aab7025421d3d.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_165ecaae93155e114857d2f6cc24aab7025421d3d.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_165ecaae93155e114857d2f6cc24aab7025421d3d.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Toucan" data-title="ToucanD" src="./media_165ecaae93155e114857d2f6cc24aab7025421d3d.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_188299e41c9c7daab1bdb967bf894d49ab73ddf81.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_188299e41c9c7daab1bdb967bf894d49ab73ddf81.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_188299e41c9c7daab1bdb967bf894d49ab73ddf81.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Butterfly" data-title="ButterflyD" src="./media_188299e41c9c7daab1bdb967bf894d49ab73ddf81.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
</picture>
</p>
</div>
<div data-valign="middle">
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
</picture>
</p>
<p>
<picture>
<img loading="lazy" alt="" src="" width="1000" height="1000">
<source type="image/webp" srcset="./media_1e22eda84c1f0358ce15540c9d8cf91bfd8a94578.jpeg?width=2000&amp;format=webply&amp;optimize=medium" media="(min-width: 600px)">
<source type="image/webp" srcset="./media_1e22eda84c1f0358ce15540c9d8cf91bfd8a94578.jpeg?width=750&amp;format=webply&amp;optimize=medium">
<source type="image/jpeg" srcset="./media_1e22eda84c1f0358ce15540c9d8cf91bfd8a94578.jpeg?width=2000&amp;format=jpeg&amp;optimize=medium" media="(min-width: 600px)">
<img loading="lazy" alt="Over" data-title="OverD" src="./media_1e22eda84c1f0358ce15540c9d8cf91bfd8a94578.jpeg?width=750&amp;format=jpeg&amp;optimize=medium" width="1000" height="1000">
</picture>
</p>
</div>
Expand Down

0 comments on commit 9114c8a

Please sign in to comment.