smileidentity · tamssokari · Oct 5, 2023 · Sep 11, 2023 · Sep 14, 2023 · Sep 14, 2023
diff --git a/cypress/fixtures/valid_documents.json b/cypress/fixtures/valid_documents.json
diff --git a/cypress/pages/document-verification-legacy-id_types.html b/cypress/pages/document-verification-legacy-id_types.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      *,
+      *::before,
+      *::after {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+
+      body {
+        max-width: 100%;
+        min-height: 100%;
+      }
+    </style>
+  </head>
+
+  <body>
+    <script src="js/script.min.js"></script>
+
+    <script>
+      SmileIdentity({
+        token:
+          "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXJ0bmVyX3BhcmFtcyI6eyJ1c2VyX2lkIjoidXNlci1mZTIwY2JkYS1jMjJiLTRmZmUtOWRlZC05YjZhZGI2MDE1ZmIiLCJqb2JfaWQiOiJqb2ItNjYzY2VhNTUtZWIxYy00MjI2LWI1N2YtOGEwMTAwOTc4ZjViIiwiam9iX3R5cGUiOjF9LCJjYWxsYmFja191cmwiOiJodHRwczovL3dlYmhvb2suc2l0ZS9iZTM0YzkzZC1hOTFmLTQzZGItYWVmMi05MDZjNWNkOTVkNDciLCJpYXQiOjE2MzQyODE0MTAsImV4cCI6MTYzNTkxNTY4NH0.B4JaP4UWbNs38hV9nQ_9_Pnpos0fM3qu2nGG7Eymjs8",
+        product: "doc_verification",
+        callback_url:
+          "https://portal.smileidentity.com/api/v2/007/postback/update_status",
+        environment: "sandbox",
+        id_selection: {
+          NG: ["DRIVERS_LICENSE", "VOTER_ID", "PASSPORT"],
+          ZA: ["NATIONAL_ID", "GREEN_BOOK", "Others"],
+          GH: ["SSNIT"],
+        },
+        partner_details: {
+          name: "Test Org",
+          logo_url: "https://portal.smileidentity.com/favicon.ico",
+          partner_id: "007",
+          policy_url: "https://smileidentity.com/privacy-policy",
+          theme_color: "#000",
+        },
+        onSuccess: () => {},
+        onClose: () => {},
+      });
+    </script>
+  </body>
+</html>
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
@@ -42,6 +42,10 @@ Cypress.Commands.add("loadIDOptions", () => {
 
   cy.intercept("GET", "**/v1/services", { fixture: "services.json" });
 
+  cy.intercept("POST", "**/v1/valid_documents", {
+    fixture: "valid_documents.json",
+  });
+
   cy.intercept("POST", "**/v1/products_config", {
     fixture: "products_config.json",
   });
@@ -133,9 +137,33 @@ Cypress.Commands.add("selectPASSPORTIDType", () => {
 
   cy.log("selectingPASSPORTIDType");
 
-  cy.getIFrameBody().find("#country").select("NG");
+  cy.getIFrameBody().find("smileid-combobox-trigger input").type("Nigeria");
+
+  cy.getIFrameBody().find('smileid-combobox-option[value="NG"]').click();
+
+  cy.getIFrameBody().find("smileid-combobox-trigger > button").click();
 
-  cy.getIFrameBody().find("#id_type").select("PASSPORT");
+  cy.getIFrameBody().find('smileid-combobox-option[value="PASSPORT"]').click();
+
+  cy.getIFrameBody().find("#submitConfig").click();
+});
+
+Cypress.Commands.add("selectZAGREENBOOKIDType", () => {
+  cy.loadIDOptions();
+
+  cy.log("selectingPASSPORTIDType");
+
+  cy.getIFrameBody()
+    .find("smileid-combobox-trigger input")
+    .type("South Africa");
+
+  cy.getIFrameBody().find('smileid-combobox-option[value="ZA"]').click();
+
+  cy.getIFrameBody().find("smileid-combobox-trigger > button").click();
+
+  cy.getIFrameBody()
+    .find('smileid-combobox-option[value="GREEN_BOOK"]')
+    .click();
 
   cy.getIFrameBody().find("#submitConfig").click();
 });

diff --git a/cypress/tests/consent-required.cy.cjs b/cypress/tests/consent-required.cy.cjs
@@ -1,47 +1,59 @@
-it("should show consent screen for the required id type", () => {
-  cy.visit("/consent-required");
+describe("consent required", () => {
+  beforeEach(() => {
+    cy.loadIDOptions();
+  });
 
-  cy.selectBVNIDType();
+  it("should show consent screen for the required id type", () => {
+    cy.visit("/consent-required");
 
-  cy.getIFrameBody()
-    .find("end-user-consent")
-    .shadow()
-    .find("#consent-screen")
-    .should("be.visible");
-});
+    cy.selectBVNIDType();
 
-it("should NOT show consent screen for the non-required id type", () => {
-  cy.visit("/consent-required");
+    cy.getIFrameBody()
+      .find("end-user-consent")
+      .shadow()
+      .find("#consent-screen")
+      .should("be.visible");
+  });
 
-  cy.loadIDOptions();
+  it("should NOT show consent screen for the non-required id type", () => {
+    cy.visit("/consent-required");
 
-  cy.getIFrameBody()
-    .find("#country")
-    .select("Nigeria")
-    .should("have.value", "NG");
+    cy.loadIDOptions();
 
-  cy.getIFrameBody().find("#id_type").select("NIN").should("have.value", "NIN");
+    cy.getIFrameBody()
+      .find("#country")
+      .select("Nigeria")
+      .should("have.value", "NG");
 
-  cy.getIFrameBody().find("#submitConfig").click();
+    cy.getIFrameBody()
+      .find("#id_type")
+      .select("NIN")
+      .should("have.value", "NIN");
 
-  cy.getIFrameBody().find("end-user-consent").should("not.exist");
-});
+    cy.getIFrameBody().find("#submitConfig").click();
+
+    cy.getIFrameBody().find("end-user-consent").should("not.exist");
+  });
 
-it("should NOT show consent screen when configuration is absent", () => {
-  cy.visit("/consent-not-required");
+  it("should NOT show consent screen when configuration is absent", () => {
+    cy.visit("/consent-not-required");
 
-  cy.loadIDOptions();
+    cy.loadIDOptions();
 
-  cy.getIFrameBody()
-    .find("#country")
-    .select("Nigeria")
-    .should("have.value", "NG");
+    cy.getIFrameBody()
+      .find("#country")
+      .select("Nigeria")
+      .should("have.value", "NG");
 
-  cy.getIFrameBody().find("#id_type").select("NIN").should("have.value", "NIN");
+    cy.getIFrameBody()
+      .find("#id_type")
+      .select("NIN")
+      .should("have.value", "NIN");
 
-  cy.getIFrameBody().find("#submitConfig").click();
+    cy.getIFrameBody().find("#submitConfig").click();
 
-  cy.getIFrameBody().find("end-user-consent").should("not.exist");
+    cy.getIFrameBody().find("end-user-consent").should("not.exist");
 
-  cy.getIFrameBody().find("smart-camera-web").should("exist");
+    cy.getIFrameBody().find("smart-camera-web").should("exist");
+  });
 });
diff --git a/cypress/tests/data-input.cy.cjs b/cypress/tests/data-input.cy.cjs
@@ -1,5 +1,7 @@
 describe("id-info screen", () => {
   beforeEach(() => {
+    cy.loadIDOptions();
+
     cy.visit("/");
 
     cy.selectNINIDType();

diff --git a/cypress/tests/document-verification.cy.cjs b/cypress/tests/document-verification.cy.cjs
@@ -25,11 +25,7 @@ describe("document verification", () => {
 
     cy.visit("/document-verification");
 
-    cy.getIFrameBody().find("#country").select("NG");
-
-    cy.getIFrameBody().find("#id_type").select("NATIONAL_ID");
-
-    cy.getIFrameBody().find("#submitConfig").click();
+    cy.selectPASSPORTIDType();
 
     cy.navigateThroughCameraScreens();
   });
@@ -38,7 +34,111 @@ describe("document verification", () => {
     cy.getIFrameBody()
       .find("smart-camera-web")
       .invoke("attr", "document-type")
-      .should("eq", "NATIONAL_ID");
+      .should("eq", "PASSPORT");
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#id-entry-screen")
+      .should("be.visible");
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#id-entry-screen #take-photo")
+      .click();
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#id-camera-screen")
+      .should("be.visible");
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#capture-id-image")
+      .click();
+
+    cy.wait(2000);
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#id-camera-screen")
+      .should("not.be.visible");
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#select-id-image")
+      .click();
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .shadow()
+      .find("#id-review-screen")
+      .should("not.be.visible");
+
+    cy.wait("@getUploadURL");
+
+    cy.wait("@successfulUpload");
+
+    cy.getIFrameBody().find("#complete-screen").should("be.visible");
+  });
+});
+
+describe("legacy support - preselected country / id_types", () => {
+  beforeEach(() => {
+    cy.intercept(
+      {
+        method: "POST",
+        url: "*upload*",
+      },
+      {
+        upload_url:
+          "https://smile-uploads-development01.s3.us-west-2.amazonaws.com/videos/212/212-0000060103-0gdzke3mdtlco5k0sdfh6vifzcrd3n/ekyc_smartselfie.zip",
+      },
+    ).as("getUploadURL");
+
+    cy.intercept(
+      {
+        method: "PUT",
+        url: "https://smile-uploads-development01.s3.us-west-2.amazonaws.com/videos/212/212-0000060103-0gdzke3mdtlco5k0sdfh6vifzcrd3n/ekyc_smartselfie.zip",
+      },
+      {
+        statusCode: 200,
+      },
+    ).as("successfulUpload");
+
+    cy.loadIDOptions();
+
+    cy.visit("/document-verification-legacy-id_types");
+  });
+
+  it("should show the Others input when selected", () => {
+    cy.getIFrameBody()
+      .find("smileid-combobox-trigger input")
+      .type("South Africa");
+
+    cy.getIFrameBody().find('smileid-combobox-option[value="ZA"]').click();
+
+    cy.getIFrameBody().find("smileid-combobox-trigger > button").click();
+
+    cy.getIFrameBody()
+      .find('smileid-combobox-option[value=""]')
+      .should("be.visible");
+  });
+
+  it("should allow legacy id_types without capturing the back", () => {
+    cy.selectZAGREENBOOKIDType();
+
+    cy.navigateThroughCameraScreens();
+
+    cy.getIFrameBody()
+      .find("smart-camera-web")
+      .invoke("attr", "document-type")
+      .should("eq", "GREEN_BOOK");
 
     cy.getIFrameBody()
       .find("smart-camera-web")

diff --git a/cypress/tests/id-selection.cy.cjs b/cypress/tests/id-selection.cy.cjs
@@ -204,6 +204,10 @@ describe("No ID Selection", () => {
 });
 
 describe("Preselected Country", () => {
+  beforeEach(() => {
+    cy.loadIDOptions();
+  });
+
   it("basic_kyc", () => {
     cy.visit("/basic_kyc_pre_select_country");
 
@@ -326,7 +330,11 @@ describe("Preselected Country", () => {
 
     cy.getIFrameBody().find("#country").should("contain", "Nigeria");
 
-    cy.getIFrameBody().find("#id_type").select("PASSPORT");
+    cy.getIFrameBody().find("smileid-combobox-trigger > button").click();
+
+    cy.getIFrameBody()
+      .find('smileid-combobox-option[value="PASSPORT"]')
+      .click();
 
     cy.getIFrameBody().find("#submitConfig").click();
 
@@ -429,6 +437,10 @@ describe("Preselected Country", () => {
 });
 
 describe("Preselected Country and ID Type", () => {
+  beforeEach(() => {
+    cy.loadIDOptions();
+  });
+
   it("basic_kyc", () => {
     cy.visit("/basic_kyc_pre_select_id_type");
 
@@ -556,9 +568,7 @@ describe("Preselected Country and ID Type", () => {
 
     cy.loadIDOptions();
 
-    cy.getIFrameBody().find("#country").should("not.be.visible");
-
-    cy.getIFrameBody().find("#id_type").should("not.be.visible");
+    cy.getIFrameBody().find("#id_type").should("not.exist");
 
     cy.getIFrameBody().find("smart-camera-web").should("be.visible");
 

diff --git a/cypress/tests/kra-verification.cy.cjs b/cypress/tests/kra-verification.cy.cjs
@@ -91,6 +91,7 @@ describe("KRA PIN verification enhanced kyc", () => {
       },
     ).as("submitIdVerification");
 
+    cy.loadIDOptions();
     cy.visit("/kra-verification-ekyc");
 
     cy.selectKRAType();

diff --git a/cypress/tests/verification-method-selection.cy.cjs b/cypress/tests/verification-method-selection.cy.cjs
@@ -21,8 +21,12 @@ describe("Verification Method Selection", () => {
     });
 
     describe("doc_verification", () => {
-      it("should redirect to the biometric kyc sequence in a nested iframe", () => {
-        cy.selectPASSPORTIDType();
+      it("should redirect to the document verification sequence in a nested iframe", () => {
+        cy.getIFrameBody().find("#country").select("NG");
+
+        cy.getIFrameBody().find("#id_type").select("PASSPORT");
+
+        cy.getIFrameBody().find("#submitConfig").click();
 
         cy.getIFrameBody()
           .find(
@@ -37,7 +41,7 @@ describe("Verification Method Selection", () => {
     });
 
     describe("enhanced_kyc", () => {
-      it("should redirect to the biometric kyc sequence in a nested iframe", () => {
+      it("should redirect to the enhanced kyc sequence in a nested iframe", () => {
         cy.selectNINIDType();
 
         cy.getIFrameBody()