#167 Fix wizard next step button when invalid

OnroerendErfgoed · Nov 17, 2023 · dbbd49f · dbbd49f
1 parent 204878d
commit dbbd49f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/__tests__/OeWizard.cy.ts b/src/__tests__/OeWizard.cy.ts
@@ -203,6 +203,13 @@ describe('OeWizard', () => {
       cy.dataCy('step-2').click();
       cy.get('.wizard__bar-item--current').invoke('text').should('equal', '2Mijn gegevens');
     });
+
+    it('does not navigate to the next step when current step is invalid using next step buttons', () => {
+      cy.dataCy('next-step-button').click();
+      cy.get('.wizard__bar-item--current').invoke('text').should('equal', '2Mijn gegevens');
+      cy.dataCy('next-step-button').click();
+      cy.get('.wizard__bar-item--current').invoke('text').should('equal', '2Mijn gegevens');
+    });
   });
 
   describe('mobile view', () => {

diff --git a/src/components/dumb/OeWizard.vue b/src/components/dumb/OeWizard.vue
@@ -93,7 +93,7 @@ const previousStep = () => {
 };
 
 const nextStep = async () => {
-  if (currentStep.value < totalSteps.value - 1 && (await props.steps[currentStep.value].validate())) {
+  if (currentStep.value < totalSteps.value - 1 && (await props.steps[currentStep.value].validate()).valid) {
     currentStep.value++;
   }
 };