- Upgraded Cypress

- Added Cypress test

frontend/package.json

@@ -71,7 +71,7 @@
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.4.0",
-    "cypress": "^13.6.1",
+    "cypress": "^13.6.2",
     "eslint": "^8.48.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-standard": "^17.1.0",

frontend/src/components/forms/RadioInputComponent.vue

@@ -96,6 +96,7 @@ revalidateBus.on(() => validateInput());
       >
         <cds-radio-button
           v-shadow="1"
+          :id="id + 'rb' + option.value"
           v-for="option in modelValue"
           :key="id + 'rb' + option.value"
           :label-text="option.text"

frontend/src/dto/ApplyClientNumberDto.ts

@@ -28,7 +28,6 @@ export interface FormDataDto {
     goodStandingInd: string;
     birthdate: string;
     address: Address;
-
   };
   location: {
     addresses: Address[];

frontend/src/pages/bceidform/BusinessInformationWizardStep.vue

@@ -299,7 +299,10 @@ const bcRegistryEmail = "[email protected]";
             <li class="body-compact-01">
               If your name isn’t there, call BC Registry toll free at
               <a href="tel:18775261526">1-877-526-1526</a> or email them at
-              <button class="link-button" @click="openMailtoLink(bcRegistryEmail)" aria-label="Contact BC Registry via Email">
+              <button id="bcRegistryEmailId" 
+                      class="link-button" 
+                      @click="openMailtoLink(bcRegistryEmail)" 
+                      aria-label="Contact BC Registry via Email">
                 <span v-bind:innerHTML="getObfuscatedEmail(bcRegistryEmail)"></span>
               </button>.
             </li>

frontend/tests/pages/bceid/BusinessInformationWizardStep.cy.ts

@@ -0,0 +1,36 @@
+import BusinessInformationWizardStep from "@/pages/bceidform/BusinessInformationWizardStep.vue";
+import type { FormDataDto } from "@/dto/ApplyClientNumberDto";
+
+describe('<BusinessInformationWizardStep />', () => {
+  beforeEach(() => {
+    cy.intercept('/api/clients/name/*').as('autoCompleteRequest');
+  });
+
+  it('renders the BusinessInformationWizardStep component and interacts with elements', () => {
+    cy.mount(BusinessInformationWizardStep, {
+      props: {
+        data: {
+          businessInformation: {
+            businessType: "",
+            legalType: "",
+            clientType: "",
+            incorporationNumber: "",
+            businessName: "",
+            goodStandingInd: "",
+            birthdate: "",
+            address: ""
+          },
+        } as unknown as FormDataDto,
+        active: false,
+      },
+    });
+
+    cy.get('#businessTyperbR').click();
+
+    cy.get('#bcRegistryEmailId').click();
+
+    cy.get('.link-button:visible').should('have.attr', 'aria-label', 'Contact BC Registry via Email');
+    cy.get('.link-button:visible span').should('exist');
+    cy.get('.link-button:visible span').invoke('text').should('not.be.empty');
+  });
+});