diff --git a/Wantman, Trent - Automated Unit Testing.png b/Wantman, Trent - Automated Unit Testing.png new file mode 100644 index 00000000..a0f49835 Binary files /dev/null and b/Wantman, Trent - Automated Unit Testing.png differ diff --git a/src/tests/Counter.test.js b/src/tests/Counter.test.js index 36cc18aa..d403f64e 100644 --- a/src/tests/Counter.test.js +++ b/src/tests/Counter.test.js @@ -1,22 +1,32 @@ -// import necessary react testing library helpers here -// import the Counter component here +import { render, screen, fireEvent } from '@testing-library/react'; +import Counter from '../components/Counter'; beforeEach(() => { - // Render the Counter component here -}) + render(); +}); test('renders counter message', () => { - // Complete the unit test below based on the objective in the line above + const counterMessage = screen.getByText(/Counter/i); + expect(counterMessage).toBeInTheDocument(); }); test('should render initial count with value of 0', () => { - // Complete the unit test below based on the objective in the line above + const count = screen.getByTestId('count'); + expect(count).toHaveTextContent('0'); }); test('clicking + increments the count', () => { - // Complete the unit test below based on the objective in the line above + const incrementButton = screen.getByText('+'); + const count = screen.getByTestId('count'); + + fireEvent.click(incrementButton); + expect(count).toHaveTextContent('1'); }); test('clicking - decrements the count', () => { - // Complete the unit test below based on the objective in the line above + const decrementButton = screen.getByText('-'); + const count = screen.getByTestId('count'); + + fireEvent.click(decrementButton); + expect(count).toHaveTextContent('-1'); });