Completed checkpoint 10

minimal-app/src/__snapshots__/app.test.js.snap

+// 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>
+`;

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();
   });