automation for scan screen (#1240)

* fix: wip scan.feature

* fix: wip scan.feature

* fix: done scan.feature

* fix: wip scan.feature

* fix: wip scan.feature

* fix: wip scan.feature

* fix: wip scan.feature

* fix: wip scan.feature

* fix: wip refactor-existing-automation-framework

* fix: wip refactor-existing-automation-framework

* fix: wip

* fix: wip

* fix: wip

* fix: wip refactor-existing-automation-framework

* fix: wip refactor-existing-automation-framework

* chore: update project references from Identity Wallet to Veridian Wallet

* Revert "fix: wip refactor-existing-automation-framework"

This reverts commit 636302c.

* Revert "Revert "fix: wip refactor-existing-automation-framework""

This reverts commit 13eb926.

* Revert "chore: update project references from Identity Wallet to Veridian Wallet"

This reverts commit 0d9770d.

* fix: wip scan.feature

* fix: wip scan.feature

* fix: wip scan.feature

* fix: done

---------

Co-authored-by: Jorge Navarro Bendicho <[email protected]>

Author: jacklesotatek

tests/actions/identifiers.action.ts

@@ -23,7 +23,7 @@ export async function inputAndReturnIdentifierName() {
   return identifierName;
 }
 
-async function addChosenIdentifierType() {
+export async function addChosenIdentifierType() {
   const identifierName = inputAndReturnIdentifierName();
   await AddAnIdentifierModal.createIdentifierButton.waitForClickable();
   await AddAnIdentifierModal.createIdentifierButton.click();

tests/constants/text.constants.ts

@@ -29,6 +29,11 @@ export enum WelcomeMessage {
   Description = "You're in the perfect spot to create your secure and private digital identity. Let's begin by adding your first identifier!",
 }
 
+export enum Scan {
+  ValidContent = "https://keria-ext.dev.idw-sandboxes.cf-deployments.org/oobi/EMNJSzxcbs5iMsVrbUuusC4HJD4OnViw9KklvAw4n09k/agent/EBuxdKcxfPY0qoNb08DM-lsV7zQ027wqq6C_h5rq-eK5?name=CF%20Credential%20Issuance",
+  InvalidContent = "https://www.google.com/",
+}
+
 export enum PrivacyPolicy {
   Title = "Privacy Policy",
   Intro = "Cardano Foundation (referred to as “Foundation” “We” “Our” or “Us”) is committed to innovating in digital identity management while prioritising user privacy and data protection. This Privacy Policy specifically applies to the Identity Wallet developed by the Cardano Foundation (the “Identity Wallet”) and the website http://identity.cardanofoundation.org/ (the “Products”). The Identity Wallet is a product designed to facilitate the creation and management of digital identities using Key Event Receipt Infrastructure (KERI) and Decentralized Identifiers (DIDs), operating without linking to any real-world names or personal identifiable information (PII). The Identity Wallet does not require users to submit emails, names, phone numbers, or any documents. Instead, it provides a framework for users to manage their own digital identities autonomously. This is achieved by securely storing private key material on the user's device for identification purposes, enabling users to control their own identity information and securely communicate with other users and entities. This policy outlines our practices regarding the collection, use, disclosure, and protection of any data associated with the Identity Wallet. Note that this policy may differ from other privacy policies pertaining to different CF products or services.\n\nPlease read this Privacy Policy carefully.",
@@ -169,3 +174,8 @@ export enum TermsOfUse {
   Section6Subtitle1 = "a. Amendment:",
   Section6Subtitle2 = "b. Application Provider Terms:",
 }
+
+export enum ScanContent {
+  ScannerText = "Align the QR code within the frame to scan",
+  ErrorMessage = "Something went wrong. Please try again.",
+}

tests/features/scan/scan.feature

@@ -0,0 +1,20 @@
+Feature: Scan
+
+  Background:
+    Given user is onboarded with skipped password creation
+    And user tap skip button on Welcome screen
+    And user create new Identifier
+
+  Scenario: C225 Scan - Loads correctly
+    When user click on scan button
+    Then scan screen load correctly
+
+  Scenario: C226 Scan - Not recognized paste contents
+    Given user click on scan button
+    When user paste faulty content
+    Then a error message appear
+
+  Scenario: C307 Scan - Paste contents successfully
+    Given user click on scan button
+    When user paste content
+    Then connection setup successfully

tests/screen-objects/scan/scan.screen.ts

@@ -0,0 +1,83 @@
+import { expect } from "expect-webdriverio";
+import { ScanContent } from "../../constants/text.constants";
+import { findAndClickLocator } from "../base.screen";
+
+export class ScanScreen {
+  get scanItem() {
+    return $("[data-testid='tab-button-scan']");
+  }
+
+  get scannerText() {
+    return $("span.qr-code-scanner-text");
+  }
+
+  get pasteButton() {
+    return $("[data-testid='secondary-button-scanner']");
+  }
+
+  get pasteTextbox() {
+    return $("[id*='ion-input']");
+  }
+
+  get confirmButton() {
+    return ("//*[@data-testid='action-button']/following::p[text()='Confirm']");
+  }
+
+  get errorMessage() {
+    return $("[data-testid='app-error-alert'] .alert-title.sc-ion-alert-ios");
+  }
+
+  get confirmAlertButton() {
+    return $("[data-testid='app-error-alert-confirm-button']");
+  }
+
+  get connectionTitle() {
+    return $("[data-testid='connections-title']");
+  }
+
+  get listConnection(): string[] {
+    return ["[data-testid*='connection-group'] ion-item"];
+  }
+
+  get pendingIcon() {
+    return $("[data-testid*='connection-group'] .md.ion-activatable");
+  }
+
+  get addedToast() {
+    return $("[message='New connection added']");
+  }
+
+  async loads() {
+    await expect(this.scannerText).toBeDisplayed();
+    await expect(this.scannerText).toHaveText(ScanContent.ScannerText);
+    await expect(this.pasteButton).toBeDisplayed();
+  }
+
+  async checkErrorMessage() {
+    await expect(this.errorMessage).toBeDisplayed();
+    await expect(this.errorMessage).toHaveText(ScanContent.ErrorMessage);
+  }
+
+  async inputToPasteContentTextbox(content: string) {
+    await this.pasteButton.click();
+    await this.pasteTextbox.setValue(content);
+  }
+
+  async clickConfirmButtonOf(locator: string) {
+    await findAndClickLocator(`${locator}`);
+  }
+
+  async checkListConnection(length: number) {
+    await expect(this.connectionTitle).toHaveText("Connections");
+    await expect(this.listConnection).toHaveLength(length);
+    await expect(this.pendingIcon).not.toBeDisplayed();
+  }
+
+  async checkToast() {
+    if (await this.addedToast.getAttribute("message") == "New connection added") {
+      await this.addedToast.waitForDisplayed({reverse: true});
+    }
+  }
+}
+
+export default new ScanScreen();

tests/steps-definitions/identifier/identifier.steps.ts

@@ -3,6 +3,7 @@ import { expect } from "expect-webdriverio";
 import Assert from "../../helpers/assert.js";
 import IdentifiersScreen from "../../screen-objects/identifiers/identifiers.screen.js";
 import { Message } from "../../constants/toast.constants.js";
+import { addChosenIdentifierType } from "../../actions/identifiers.action";
 
 Given(
   /^user tap Add an identifier button on the Identifiers screen$/,
@@ -57,3 +58,8 @@ Then(
     await expect(await IdentifiersScreen.identityFavouriteCard(0)).toBeDisplayed();
   }
 );
+
+Given(/^user create new Identifier$/, async function() {
+  await IdentifiersScreen.addAnIdentifierButton.click();
+  await addChosenIdentifierType();
+});

tests/steps-definitions/scan/scan.steps.ts

@@ -0,0 +1,31 @@
+import { When, Then } from "@wdio/cucumber-framework";
+import ScanScreen from "../../screen-objects/scan/scan.screen";
+import { Scan } from "../../constants/text.constants";
+
+When(/^user click on scan button$/, async function () {
+  await ScanScreen.scanItem.click();
+});
+
+Then(/^scan screen load correctly$/, async function () {
+  await ScanScreen.loads();
+});
+
+When(/^user paste faulty content$/, async function () {
+  await ScanScreen.inputToPasteContentTextbox(Scan.InvalidContent);
+  await ScanScreen.clickConfirmButtonOf(ScanScreen.confirmButton);
+});
+
+Then(/^a error message appear$/, async function () {
+  await ScanScreen.checkErrorMessage();
+  await ScanScreen.confirmAlertButton.click();
+});
+
+When(/^user paste content$/, async function() {
+  await ScanScreen.inputToPasteContentTextbox(Scan.ValidContent);
+  await ScanScreen.clickConfirmButtonOf(ScanScreen.confirmButton);
+});
+
+Then(/^connection setup successfully$/, async function() {
+  await ScanScreen.checkToast();
+  await ScanScreen.checkListConnection(1);
+});