chore: Add a test

cloudscape-design · Jan 27, 2025 · ea32eb9 · ea32eb9
1 parent 13536da
commit ea32eb9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/test/fixtures/test-page-object.html b/test/fixtures/test-page-object.html
@@ -30,6 +30,9 @@
     <div id="scrollable-container" style="overflow: auto; max-height: 30px">
       <div style="width: 120%; height: 100px">Some scrollable text</div>
     </div>
+    <div id="vertically-scrollable-container" style="overflow-y: scroll; overflow-x: hidden; max-height: 30px">
+      <div style="height: 100px; width: 100px;">Some scrollable text to layout vertically in a container</div>
+    </div>
     <button id="button">Click me</button>
     <button id="update-live-announcement-button">Update live announcement</button>
     <div aria-live="polite" id="live-announcement"></div>

diff --git a/test/page-object.test.ts b/test/page-object.test.ts
@@ -236,14 +236,22 @@ test(
 );
 
 test(
-  'elementScrollTo should scroll when trying to scroll a non-scrollable element',
+  'elementScrollTo should not scroll when trying to scroll a non-scrollable element',
   setupTest(async page => {
     await expect(() => page.elementScrollTo('#text-content', { left: 40 })).rejects.toThrowError(
       /Element #text-content is not scrollable/
     );
   })
 );
 
+test(
+  'elementScrollTo should scroll when one direction is scrollable',
+  setupTest(async page => {
+    await page.elementScrollTo('#vertically-scrollable-container', { top: 40 });
+    expect(await page.getElementScroll('#vertically-scrollable-container')).toEqual({ top: 40, left: 0 });
+  })
+);
+
 test(
   'scrollToRight',
   setupTest(async page => {