add tests for "renders dynamic trees from mapped collections"

jcmcneal · Sep 23, 2020 · d8ed1ce · d8ed1ce
1 parent 01b2b08
commit d8ed1ce
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 7 deletions.
diff --git a/src/__snapshots__/index.test.js.snap b/src/__snapshots__/index.test.js.snap
@@ -483,7 +483,7 @@ Object {
 }
 `;
 
-exports[`Step Wizard Component renders a single child without issues (#65) 1`] = `
+exports[`Step Wizard Component renders a single child without issues 1`] = `
 <div
   className={null}
 >
@@ -501,7 +501,7 @@ exports[`Step Wizard Component renders a single child without issues (#65) 1`] =
 </div>
 `;
 
-exports[`Step Wizard Component renders a single child without issues (#65) 2`] = `
+exports[`Step Wizard Component renders a single child without issues 2`] = `
 Object {
   "activeStep": 0,
   "classes": Object {},
@@ -512,7 +512,7 @@ Object {
 }
 `;
 
-exports[`Step Wizard Component renders a single child without problems (#65) 1`] = `
+exports[`Step Wizard Component renders dynamic trees from mapped collections 1`] = `
 <div
   className={null}
 >
@@ -523,20 +523,47 @@ exports[`Step Wizard Component renders a single child without problems (#65) 1`]
       className="step  active"
     >
       <div>
-        Step 1
+        1
+      </div>
+    </div>
+    <div
+      className="step"
+    >
+      <div>
+        2
+      </div>
+    </div>
+    <div
+      className="step"
+    >
+      <div>
+        3
+      </div>
+    </div>
+    <div
+      className="step"
+    >
+      <div>
+        4
       </div>
     </div>
   </div>
 </div>
 `;
 
-exports[`Step Wizard Component renders a single child without problems (#65) 2`] = `
+exports[`Step Wizard Component renders dynamic trees from mapped collections 2`] = `
 Object {
   "activeStep": 0,
   "classes": Object {},
   "hashKeys": Object {
     "0": "step1",
+    "1": "step2",
+    "2": "step3",
+    "3": "step4",
     "step1": 0,
+    "step2": 1,
+    "step3": 2,
+    "step4": 3,
   },
 }
 `;

diff --git a/src/index.test.js b/src/index.test.js
@@ -27,7 +27,7 @@ const testComponent = (component) => {
     const state = getState(component);
     takeSnapshot(state);
 
-    return state;
+    return { instance: getInstance(component), state };
 };
 const basicComponent = () => (
     getInstance((
@@ -146,14 +146,24 @@ describe('Step Wizard Component', () => {
             </StepWizard>));
     });
 
-    it('renders a single child without issues (#65)', () => {
+    it('renders a single child without issues', () => {
         testComponent((
             <StepWizard>
                 <Step1 />
             </StepWizard>
         ));
     })
 
+    it('renders dynamic trees from mapped collections', () => {
+        const data = [1,2,3,4]
+        const { instance } = testComponent((
+            <StepWizard>
+                {data.map((i) => <div>{i}</div>)}
+            </StepWizard>
+        ));
+        expect(instance.totalSteps).toBe(data.length)
+    })
+
     it('garbage props', () => {
         console.error.mockClear();