Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Support [navigateForward]="visited" (#228)
* Enhance existing tests with checks for which steps are navigable (`checkWizardNavigableState`) * Implement navigateForward="visited", update README and tests * Rename helper function checkWizardNavigableState → checkWizardNavigableSteps
- Loading branch information
Showing
7 changed files
with
281 additions
and
9 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
197 changes: 197 additions & 0 deletions
197
src/lib/navigation/wizard-navigation-allow-forward-visited.spec.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,197 @@ | ||
| import {Component, ViewChild} from '@angular/core'; | ||
| import {async, ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing'; | ||
| import {ArchwizardModule} from '../archwizard.module'; | ||
| import {WizardComponent} from '../components/wizard.component'; | ||
| import {checkWizardState, checkWizardNavigableSteps} from '../util/test-utils'; | ||
|
|
||
| @Component({ | ||
| selector: 'aw-test-wizard', | ||
| template: ` | ||
| <aw-wizard [awNavigationMode] navigateForward="visited"> | ||
| <aw-wizard-step stepTitle='Steptitle 1'> | ||
| Step 1 | ||
| </aw-wizard-step> | ||
| <aw-wizard-step stepTitle='Steptitle 2'> | ||
| Step 2 | ||
| </aw-wizard-step> | ||
| <aw-wizard-step stepTitle='Steptitle 3'> | ||
| Step 3 | ||
| </aw-wizard-step> | ||
| </aw-wizard> | ||
| ` | ||
| }) | ||
| class WizardTestComponent { | ||
| @ViewChild(WizardComponent) | ||
| public wizard: WizardComponent; | ||
| } | ||
|
|
||
| describe('Wizard navigation with navigateForward=visited', () => { | ||
| let wizardTestFixture: ComponentFixture<WizardTestComponent>; | ||
|
|
||
| let wizardTest: WizardTestComponent; | ||
| let wizard: WizardComponent; | ||
|
|
||
| beforeEach(async(() => { | ||
| TestBed.configureTestingModule({ | ||
| declarations: [WizardTestComponent], | ||
| imports: [ArchwizardModule] | ||
| }).compileComponents(); | ||
| })); | ||
|
|
||
| beforeEach(() => { | ||
| wizardTestFixture = TestBed.createComponent(WizardTestComponent); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| wizardTest = wizardTestFixture.componentInstance; | ||
| wizard = wizardTest.wizard; | ||
| }); | ||
|
|
||
| it('should return correct can go to step', async(() => { | ||
| wizard.canGoToStep(-1).then(result => expect(result).toBe(false)); | ||
| wizard.canGoToStep(0).then(result => expect(result).toBe(true)); | ||
| wizard.canGoToStep(1).then(result => expect(result).toBe(true)); | ||
| wizard.canGoToStep(2).then(result => expect(result).toBe(false)); | ||
| wizard.canGoToStep(3).then(result => expect(result).toBe(false)); | ||
| })); | ||
|
|
||
| it('should go to step', fakeAsync(() => { | ||
| checkWizardState(wizard, 0, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
|
|
||
| wizard.goToStep(1); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 1, false, [0], false); | ||
| checkWizardNavigableSteps(wizard, 1, [0]); | ||
|
|
||
| wizard.goToStep(2); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 2, false, [0, 1], false); | ||
| checkWizardNavigableSteps(wizard, 2, [0, 1]); | ||
|
|
||
| wizard.goToStep(0); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| // If forward navigation is allowed, visited steps after | ||
| // the selected step are still considered completed | ||
| checkWizardState(wizard, 0, true, [0, 1, 2], true); | ||
| checkWizardNavigableSteps(wizard, 0, [1, 2]); | ||
|
|
||
| wizard.goToStep(1); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 1, true, [0, 1, 2], true); | ||
| checkWizardNavigableSteps(wizard, 1, [0, 2]); | ||
|
|
||
| wizard.goToStep(2); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 2, true, [0, 1, 2], true); | ||
| checkWizardNavigableSteps(wizard, 2, [0, 1]); | ||
|
|
||
| wizard.goToStep(1); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 1, true, [0, 1, 2], true); | ||
| checkWizardNavigableSteps(wizard, 1, [0, 2]); | ||
| })); | ||
|
|
||
| it('should go to next step', fakeAsync(() => { | ||
| wizard.goToNextStep(); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 1, false, [0], false); | ||
| checkWizardNavigableSteps(wizard, 1, [0]); | ||
| })); | ||
|
|
||
| it('should go to previous step', fakeAsync(() => { | ||
| checkWizardState(wizard, 0, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
|
|
||
| wizard.goToStep(1); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 1, false, [0], false); | ||
| checkWizardNavigableSteps(wizard, 1, [0]); | ||
|
|
||
| wizard.goToPreviousStep(); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| // If forward navigation is allowed, visited steps after | ||
| // the selected step are still considered completed | ||
| checkWizardState(wizard, 0, true, [0, 1], false); | ||
| checkWizardNavigableSteps(wizard, 0, [1]); | ||
| })); | ||
|
|
||
| it('should stay at the current step', fakeAsync(() => { | ||
| expect(wizard.getStepAtIndex(0).completed).toBe(false); | ||
|
|
||
| wizard.goToPreviousStep(); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 0, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
|
|
||
| wizard.goToStep(-1); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 0, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
|
|
||
| wizard.goToStep(0); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 0, true, [0], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
| })); | ||
|
|
||
| it('should reset the wizard correctly', fakeAsync(() => { | ||
| wizard.goToNextStep(); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| wizard.goToNextStep(); | ||
| tick(); | ||
| wizardTestFixture.detectChanges(); | ||
|
|
||
| checkWizardState(wizard, 2, false, [0, 1], false); | ||
| checkWizardNavigableSteps(wizard, 2, [0, 1]); | ||
|
|
||
| wizard.reset(); | ||
|
|
||
| checkWizardState(wizard, 0, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
|
|
||
| wizard.defaultStepIndex = -1; | ||
| expect(() => wizard.reset()) | ||
| .toThrow(new Error(`The wizard doesn't contain a step with index -1`)); | ||
|
|
||
| checkWizardState(wizard, 0, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 0, []); | ||
|
|
||
| wizard.defaultStepIndex = 1; | ||
| wizard.reset(); | ||
|
|
||
| checkWizardState(wizard, 1, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 1, [0]); | ||
|
|
||
| wizard.defaultStepIndex = 2; | ||
| wizard.reset(); | ||
|
|
||
| checkWizardState(wizard, 2, false, [], false); | ||
| checkWizardNavigableSteps(wizard, 2, [0, 1]); | ||
| })); | ||
| }); |
Oops, something went wrong.