fix scrollbox unit test

ensdomains · May 15, 2024 · ea10184 · ea10184
1 parent 4eb1e84
commit ea10184
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/components/src/components/atoms/ScrollBox/ScrollBox.test.tsx b/components/src/components/atoms/ScrollBox/ScrollBox.test.tsx
@@ -44,7 +44,7 @@ const mockIntersectionObserver = makeMockIntersectionObserver(
 )
 
 const expectLine = (e: 'top' | 'bottom', visible: boolean) =>
-  expect(screen.getByTestId('scroll-box')).toHaveAttribute(
+  expect(screen.getByTestId(`scrollbox-${e}-line`)).toHaveAttribute(
     `data-${e}-line`,
     visible ? 'true' : 'false',
   )

diff --git a/components/src/components/atoms/ScrollBox/ScrollBox.tsx b/components/src/components/atoms/ScrollBox/ScrollBox.tsx
@@ -219,10 +219,15 @@ export const ScrollBox = ({
           ref={bottomRef}
         />
       </StyledScrollBox>
-      <Divider $horizontalPadding={horizontalPadding} data-top-line={showTop} />
+      <Divider
+        $horizontalPadding={horizontalPadding}
+        data-testid="scrollbox-top-line"
+        data-top-line={showTop}
+      />
       <Divider
         $horizontalPadding={horizontalPadding}
         data-bottom-line={showBottom}
+        data-testid="scrollbox-bottom-line"
       />
     </Container>
   )