From 9c3d12731b882fa08f138d0f5031563fab8471c4 Mon Sep 17 00:00:00 2001 From: astumpff2 <astumpff2@huskers.unl.edu> Date: Thu, 3 Sep 2020 17:39:11 -0500 Subject: [PATCH] Completed checkpoint 10 --- .../src/__snapshots__/app.test.js.snap | 57 +++++++++++++++++++ minimal-app/src/app.test.js | 12 ++-- .../invisibleMaze/invisibleMaze.test.js | 2 +- 3 files changed, 65 insertions(+), 6 deletions(-) create mode 100644 minimal-app/src/__snapshots__/app.test.js.snap 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 0000000..3c93ab7 --- /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 f55dd2d..4943726 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 3983b44..fb02e51 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(); }); -- GitLab