Update tests for Button, Pill, and Radio

components
cretia-app · Nov 14, 2023 · 021f4e8 · 021f4e8
1 parent 5061f35
commit 021f4e8
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 16 deletions.
diff --git a/src/Button/Button.test.tsx b/src/Button/Button.test.tsx
@@ -4,7 +4,7 @@ import { fireEvent, render, screen } from '@/__tests__/utils'
 
 import { Button } from '.'
 
-describe('<Button />', () => {
+describe.concurrent('<Button />', () => {
 	test('renders correctly', () => {
 		const component = render(<Button />)
 
@@ -14,9 +14,9 @@ describe('<Button />', () => {
 	test('fires onClick', () => {
 		const handleClick = vi.fn()
 
-		const { rerender } = render(
-			<Button onClick={handleClick} title="click me" />,
-		)
+		const { rerender } = render(<Button onClick={handleClick}>Click me</Button>)
+
+		screen.debug()
 
 		fireEvent(
 			screen.getByText(/click me/i),
@@ -28,7 +28,11 @@ describe('<Button />', () => {
 
 		expect(handleClick).toHaveBeenCalledTimes(1)
 
-		rerender(<Button onClick={handleClick} title="click me" disabled />)
+		rerender(
+			<Button onClick={handleClick} disabled>
+				Click me
+			</Button>,
+		)
 
 		fireEvent(
 			screen.getByText(/click me/i),

diff --git a/src/Button/__snapshots__/Button.test.tsx.snap b/src/Button/__snapshots__/Button.test.tsx.snap
@@ -6,14 +6,14 @@ exports[`<Button /> > renders correctly 1`] = `
   "baseElement": <body>
     <div>
       <button
-        class="sc-bcPKhP husKdk sc-grXZZQ"
+        class="sc-bdfCDU bfwdij sc-gsTDqH"
         type="button"
       />
     </div>
   </body>,
   "container": <div>
     <button
-      class="sc-bcPKhP husKdk sc-grXZZQ"
+      class="sc-bdfCDU bfwdij sc-gsTDqH"
       type="button"
     />
   </div>,

diff --git a/src/Pill/Pill.test.tsx b/src/Pill/Pill.test.tsx
@@ -4,7 +4,7 @@ import { render } from '@/__tests__/utils'
 
 import { Pill } from '.'
 
-describe('<Pill />', () => {
+describe.concurrent('<Pill />', () => {
 	it('renders correctly', () => {
 		const tree = render(<Pill message="Think different" />)
 

diff --git a/src/Pill/__snapshots__/Pill.test.tsx.snap b/src/Pill/__snapshots__/Pill.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<Pill /> > renders correctly 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="sc-bcPKhP jaMeqb sc-dkjKgF"
+        class="sc-bdfCDU eEcawE sc-dlfmHC"
       >
         <p>
           Think different
@@ -16,7 +16,7 @@ exports[`<Pill /> > renders correctly 1`] = `
   </body>,
   "container": <div>
     <div
-      class="sc-bcPKhP jaMeqb sc-dkjKgF"
+      class="sc-bdfCDU eEcawE sc-dlfmHC"
     >
       <p>
         Think different

diff --git a/src/Radio/Radio.test.tsx b/src/Radio/Radio.test.tsx
@@ -6,7 +6,7 @@ import { Radio } from '.'
 
 const TEST_ID = 'radio-input'
 
-describe('<Radio />', () => {
+describe.concurrent('<Radio />', () => {
 	it('renders correctly', () => {
 		const tree = render(
 			<Radio

diff --git a/src/Radio/__snapshots__/Radio.test.tsx.snap b/src/Radio/__snapshots__/Radio.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<Radio /> > renders correctly 1`] = `
   "baseElement": <body>
     <div>
       <label
-        class="sc-bcPKhP dueiAV sc-grXZZQ"
+        class="sc-bdfCDU fWDrC sc-gsTDqH"
         data-testid="radio-label"
         for="radio-value"
       >
@@ -23,7 +23,7 @@ exports[`<Radio /> > renders correctly 1`] = `
   </body>,
   "container": <div>
     <label
-      class="sc-bcPKhP dueiAV sc-grXZZQ"
+      class="sc-bdfCDU fWDrC sc-gsTDqH"
       data-testid="radio-label"
       for="radio-value"
     >

diff --git a/src/Tag/Tag.test.tsx b/src/Tag/Tag.test.tsx
@@ -4,7 +4,7 @@ import { render } from '@/__tests__/utils'
 
 import { Tag } from '.'
 
-describe('<Tag />', () => {
+describe.concurrent('<Tag />', () => {
 	it('renders correctly', () => {
 		const tree = render(<Tag />)
 

diff --git a/src/Tag/__snapshots__/Tag.test.tsx.snap b/src/Tag/__snapshots__/Tag.test.tsx.snap
@@ -6,13 +6,13 @@ exports[`<Tag /> > renders correctly 1`] = `
   "baseElement": <body>
     <div>
       <span
-        class="sc-bcPKhP ehMdpF"
+        class="sc-bdfCDU gDbbFz"
       />
     </div>
   </body>,
   "container": <div>
     <span
-      class="sc-bcPKhP ehMdpF"
+      class="sc-bdfCDU gDbbFz"
     />
   </div>,
   "debug": [Function],