minor correction

PalisadoesFoundation · Oct 27, 2024 · 01b4b65 · 01b4b65
1 parent d022c8d
commit 01b4b65
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/TagActions/TagActions.test.tsx b/src/components/TagActions/TagActions.test.tsx
@@ -195,17 +195,17 @@ describe('Organisation Tags Page', () => {
     userEvent.click(screen.getByTestId('expandSubTags1'));
 
     await waitFor(() => {
-      expect(screen.getByTestId('subTagsScrollableDiv')).toBeInTheDocument();
+      expect(screen.getByTestId('subTagsScrollableDiv1')).toBeInTheDocument();
     });
     // Find the infinite scroll div for subtags by test ID or another selector
-    const subTagsScrollableDiv = screen.getByTestId('subTagsScrollableDiv');
+    const subTagsScrollableDiv1 = screen.getByTestId('subTagsScrollableDiv1');
 
     const initialTagsDataLength =
       screen.getAllByTestId('orgUserSubTags').length;
 
     // Set scroll position to the bottom
-    fireEvent.scroll(subTagsScrollableDiv, {
-      target: { scrollY: subTagsScrollableDiv.scrollHeight },
+    fireEvent.scroll(subTagsScrollableDiv1, {
+      target: { scrollY: subTagsScrollableDiv1.scrollHeight },
     });
 
     await waitFor(() => {

diff --git a/src/components/TagActions/TagNode.tsx b/src/components/TagActions/TagNode.tsx
@@ -157,8 +157,8 @@ const TagNode: React.FC<InterfaceTagNodeProps> = ({
       {expanded && subTagsList && (
         <div style={{ marginLeft: '20px' }}>
           <div
-            id="subTagsScrollableDiv"
-            data-testid="subTagsScrollableDiv"
+            id={`subTagsScrollableDiv${tag._id}`}
+            data-testid={`subTagsScrollableDiv${tag._id}`}
             style={{
               height: 300,
               overflow: 'auto',
@@ -176,7 +176,7 @@ const TagNode: React.FC<InterfaceTagNodeProps> = ({
                   <div className="spinner" />
                 </div>
               }
-              scrollableTarget="subTagsScrollableDiv"
+              scrollableTarget={`subTagsScrollableDiv${tag._id}`}
             >
               {subTagsList.map((tag: InterfaceTagData) => (
                 <div key={tag._id} data-testid="orgUserSubTags">