test(clerk-js): User regex when finding elements by text

clerk · Dec 22, 2023 · d08015a · d08015a
1 parent 903be7d
commit d08015a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/packages/clerk-js/src/ui/elements/__tests__/PlainInput.test.tsx b/packages/clerk-js/src/ui/elements/__tests__/PlainInput.test.tsx
@@ -75,9 +75,9 @@ describe('PlainInput', () => {
     });
 
     const { getByLabelText, queryByText } = render(<Field isRequired />, { wrapper });
-    expect(getByLabelText('some label')).toHaveValue('init value');
-    expect(getByLabelText('some label')).toHaveAttribute('required');
-    expect(getByLabelText('some label')).toHaveAttribute('aria-required', 'true');
+    expect(getByLabelText(/some label/i)).toHaveValue('init value');
+    expect(getByLabelText(/some label/i)).toHaveAttribute('required');
+    expect(getByLabelText(/some label/i)).toHaveAttribute('aria-required', 'true');
     expect(queryByText(/optional/i)).not.toBeInTheDocument();
   });
 
@@ -90,8 +90,8 @@ describe('PlainInput', () => {
     });
 
     const { getByLabelText, getByText } = render(<Field isOptional />, { wrapper });
-    expect(getByLabelText('some label')).not.toHaveAttribute('required');
-    expect(getByLabelText('some label')).toHaveAttribute('aria-required', 'false');
+    expect(getByLabelText(/some label/i)).not.toHaveAttribute('required');
+    expect(getByLabelText(/some label/i)).toHaveAttribute('aria-required', 'false');
     expect(getByText(/optional/i)).toBeInTheDocument();
   });
 
@@ -136,9 +136,9 @@ describe('PlainInput', () => {
 
     await userEvent.click(getByRole('button', { name: /set error/i }));
 
-    expect(await findByText('some error')).toBeInTheDocument();
+    expect(await findByText(/some error/i)).toBeInTheDocument();
 
-    const label = getByLabelText('some label');
+    const label = getByLabelText(/some label/i);
     expect(label).toHaveAttribute('aria-invalid', 'true');
     expect(label).toHaveAttribute('aria-describedby', 'error-firstname');
   });
@@ -154,7 +154,7 @@ describe('PlainInput', () => {
 
     const { findByLabelText, findByText } = render(<Field actionLabel={'take action'} />, { wrapper });
 
-    fireEvent.focus(await findByLabelText('some label'));
-    expect(await findByText('some info')).toBeInTheDocument();
+    fireEvent.focus(await findByLabelText(/some label/i));
+    expect(await findByText(/some info/i)).toBeInTheDocument();
   });
 });
diff --git a/packages/clerk-js/src/ui/elements/__tests__/RadioGroup.test.tsx b/packages/clerk-js/src/ui/elements/__tests__/RadioGroup.test.tsx
@@ -152,7 +152,7 @@ describe('RadioGroup', () => {
     );
 
     await userEvent.click(getByRole('button', { name: /set error/i }));
-    expect(await findByText('some error')).toBeInTheDocument();
+    expect(await findByText(/some error/i)).toBeInTheDocument();
 
     const radios = getAllByRole('radio');
     radios.forEach(radio => {
@@ -174,7 +174,7 @@ describe('RadioGroup', () => {
 
     const { findByLabelText, findByText } = render(<Field />, { wrapper });
 
-    fireEvent.focus(await findByLabelText('One'));
-    expect(await findByText('some info')).toBeInTheDocument();
+    fireEvent.focus(await findByLabelText(/One/i));
+    expect(await findByText(/some info/i)).toBeInTheDocument();
   });
 });