diff --git a/minimal-app/src/__snapshots__/app.test.js.snap b/minimal-app/src/__snapshots__/app.test.js.snap new file mode 100644 index 0000000000000000000000000000000000000000..3c93ab7a182c68dcc40b328e4cee8527569636c7 --- /dev/null +++ b/minimal-app/src/__snapshots__/app.test.js.snap @@ -0,0 +1,57 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`the app has a grid of 3x3 buttons 1`] = ` +<div> + <main> + <div + class="maze" + > + <button + class="correct" + /> + <button + class="panel" + /> + <button + class="panel" + /> + </div> + <div + class="maze" + > + <button + class="panel" + /> + <button + class="correct" + /> + <button + class="panel" + /> + </div> + <div + class="maze" + > + <button + class="panel" + /> + <button + class="panel" + /> + <button + class="correct" + /> + </div> + </main> + <main + class="controlPanel" + > + <button + class="reset" + > + Reset Maze + : + </button> + </main> +</div> +`; diff --git a/minimal-app/src/app.test.js b/minimal-app/src/app.test.js index f55dd2d5529e3623d6cfe72c4f65f5da7aa48ec7..494372603aae2c7b4964c030295debb2764d84bc 100644 --- a/minimal-app/src/app.test.js +++ b/minimal-app/src/app.test.js @@ -14,17 +14,17 @@ import { selectButtonOne, selectButtonTwo, selectButtonThree, -} from './invisibleMazeSlice.js'; + setAllButtons, +} from './features/invisibleMaze/invisibleMazeSlice.js'; -import { InvisibleMaze } from './invisibleMaze.js'; -import { App } from './invisibleMaze.js'; -jest.mock('./invisibleMazeSlice.js', () => ({ +jest.mock('./features/invisibleMaze/invisibleMazeSlice.js', () => ({ selectStepOne: jest.fn().mockName('selectStepOne'), selectStepTwo: jest.fn().mockName('selectStepTwo'), selectStepThree: jest.fn().mockName('selectStepThree'), selectButtonOne: jest.fn().mockName('selectButtonOne'), selectButtonTwo: jest.fn().mockName('selectButtonTwo'), selectButtonThree: jest.fn().mockName('selectButtonThree'), + setAllButtons: jest.fn().mockName('setAllButtons'), })); describe('the app', () => { @@ -36,7 +36,9 @@ describe('the app', () => { selectButtonTwo.mockReturnValue(9997); selectButtonThree.mockReturnValue(9999); const { container } = render( - </> + <Router initialEntries={['/']}> + <App /> + </Router>, ); expect(container).toMatchSnapshot(); }); diff --git a/minimal-app/src/features/invisibleMaze/invisibleMaze.test.js b/minimal-app/src/features/invisibleMaze/invisibleMaze.test.js index 3983b44b7f28ad9901d5e777f1ffe55af93597c3..fb02e51a8d4e4b604141267267011c39af5a87c4 100644 --- a/minimal-app/src/features/invisibleMaze/invisibleMaze.test.js +++ b/minimal-app/src/features/invisibleMaze/invisibleMaze.test.js @@ -29,7 +29,7 @@ describe('the maze', () => { selectButtonTwo.mockReturnValue(9997); selectButtonThree.mockReturnValue(9999); const { container } = render( - <InvisibleMaze/> + <InvisibleMaze /> ); expect(container).toMatchSnapshot(); });