File tree Expand file tree Collapse file tree 1 file changed +23
-0
lines changed Expand file tree Collapse file tree 1 file changed +23
-0
lines changed Original file line number Diff line number Diff line change
1
+ import React from 'react' ;
2
+ import { render } from '@testing-library/react' ;
3
+ import '@testing-library/jest-dom/extend-expect' ; // needed this to extend the jest-dom assertions (ex toHaveTextContent)
4
+ import Loader from '../components/Loader' ;
5
+
6
+ describe ( 'unit testing for Loader.tsx' , ( ) => {
7
+ test ( 'renders a loading icon' , ( ) => {
8
+ const { container } = render ( < Loader loading = { true } result = { false } /> ) ;
9
+ expect ( container . firstChild ) . toHaveClass ( 'css-xp4o0b' ) ;
10
+ } ) ;
11
+
12
+ test ( 'renders a fail icon' , ( ) => {
13
+ // render(<Loader loading={false} result={false} />);
14
+ const { container } = render ( < Loader loading = { false } result = { false } /> ) ;
15
+ expect ( container . getElementsByClassName ( 'fail' ) . length ) . toBe ( 1 ) ;
16
+ } ) ;
17
+
18
+ test ( 'renders a check icon' , ( ) => {
19
+ // render(<Loader loading={false} result={true} />);
20
+ const { container } = render ( < Loader loading = { false } result = { true } /> ) ;
21
+ expect ( container . getElementsByClassName ( 'check' ) . length ) . toBe ( 1 ) ;
22
+ } ) ;
23
+ } ) ;
You can’t perform that action at this time.
0 commit comments