Add tests for wizard nav PF4

Author: rvsia

packages/pf4-component-mapper/src/tests/wizard/wizard-nav.test.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { mount } from 'enzyme';
+
+import WizardNavigationClass from '../../form-fields/wizard/wizard-nav';
+
+describe('WizardNav', () => {
+  it('WizardNavigationClass rerender nav schema only when values are changed', () => {
+    const initialProps  = {
+      activeStepIndex: 0,
+      formOptions: { valid: true },
+      maxStepIndex: 0,
+      jumpToStep: jest.fn(),
+      navSchema: [
+        { title: 'step' },
+      ],
+      setPrevSteps: jest.fn(),
+      values: { name: 'value 1' },
+      crossroads: [ 'name' ],
+    };
+
+    const wrapper = mount(<WizardNavigationClass { ...initialProps }/>);
+
+    expect(initialProps.setPrevSteps).not.toHaveBeenCalled();
+
+    wrapper.setProps({ values: { name: 'different value' }});
+
+    expect(initialProps.setPrevSteps.mock.calls).toHaveLength(1);
+
+    wrapper.setProps({ values: { name: 'different value' }});
+
+    expect(initialProps.setPrevSteps.mock.calls).toHaveLength(1);
+
+    wrapper.setProps({ values: { name: 'another value' }});
+
+    expect(initialProps.setPrevSteps.mock.calls).toHaveLength(2);
+
+    wrapper.setProps({ values: { name: 'another value', password: 'do not render nav' }});
+
+    expect(initialProps.setPrevSteps.mock.calls).toHaveLength(2);
+  });
+
+  it('WizardNavigationClass change maxStepIndex to activeStepIndex when switching', () => {
+    const activeStepIndex = 3;
+
+    const initialProps  = {
+      activeStepIndex,
+      formOptions: { valid: true },
+      maxStepIndex: 5,
+      jumpToStep: jest.fn(),
+      navSchema: [
+        { title: 'step' },
+      ],
+      setPrevSteps: jest.fn(),
+      values: { name: 'value 1' },
+      crossroads: [ 'name' ],
+    };
+
+    const wrapper = mount(<WizardNavigationClass { ...initialProps }/>);
+
+    expect(initialProps.setPrevSteps).not.toHaveBeenCalled();
+
+    wrapper.setProps({ values: { name: 'different value' }});
+
+    expect(wrapper.state().maxStepIndex).toEqual(activeStepIndex);
+  });
+});