fix: cypress liveness and in-app-messaging

Author: bobbor

.github/dependency-review/config.yml

@@ -35,6 +35,11 @@ allow-licenses:
   - 'zlib-acknowledgement'
   - 'Zlib'
 allow-dependencies-licenses:
+  # These packages are needed for nextjs (more detailed sharp)
+  # they are dynamic libraries and thus do not ship the underlying library
+  # which means they are not under LGPL strictly speaking.
+  # so an exception is valid here
+  # ALSO: none of these are shipped to the customer. they're only used for examples.
   - 'pkg:npm/%2540img/sharp-libvips-darwin-arm64@1.2.4'
   - 'pkg:npm/%2540img/sharp-libvips-darwin-x64@1.2.4'
   - 'pkg:npm/%2540img/sharp-libvips-linux-arm@1.2.4'

packages/e2e/cypress/integration/common/fileuploader.ts

@@ -7,13 +7,13 @@ When('I select a file with file name {string}', (fileName: string) => {
 When(
   'I select a file with file name {string} and another file with file name {string}',
   (fileName: string, fileName2: string) => {
-    cy.fileInputUpload(fileName);
-    cy.fileInputUpload(fileName2);
+    cy.fileInputUpload([fileName, fileName2]);
   }
 );
 
 When('I drag and drop a file with file name {string}', (fileName: string) => {
-  cy.get('input[type=file]').trigger('drop', {
+  const input = cy.get('input[type=file]', { timeout: 5000 }).wait(5000);
+  input.trigger('drop', {
     dataTransfer: {
       files: [
         new File(['file contents'], fileName, { lastModified: Date.now() }),

packages/e2e/cypress/integration/common/shared.ts

@@ -3,7 +3,7 @@
 /// <reference types="../../support/commands" />
 
 import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
-import { get, escapeRegExp } from 'lodash';
+import { escapeRegExp, get } from 'lodash';
 
 let language = 'en-US';
 let window = null;
@@ -290,6 +290,7 @@ When('I click the element with id attribute {string}', (id: string) => {
 When('I click the {string} button', (name: string) => {
   cy.findByRole('button', {
     name: new RegExp(`^${escapeRegExp(name)}$`, 'i'),
+    timeout: 5000,
   }).click();
 });
 

packages/e2e/cypress/integration/ui/components/in-app-messaging/demo/demo.steps.ts

@@ -5,17 +5,22 @@ Given('{string} checkbox is checked', (checkboxName: string) => {
     .next()
     .should('have.attr', 'data-checked', 'true');
 });
+Given('{string} checkbox is unchecked', (checkboxName: string) => {
+  cy.findByText(checkboxName)
+    .next()
+    .should('have.attr', 'data-checked', 'false');
+});
 
 Given('{string} layout radio option is selected', (radioOption: string) => {
   cy.findByText(radioOption).next().should('have.attr', 'checked');
 });
 
 When('I click the {string} layout radio option', (radioOption: string) => {
-  cy.findByText(radioOption).click();
+  cy.findByText(radioOption, { timeout: 5000 }).click();
 });
 
 When('I toggle {string} checkbox', (checkboxName: string) => {
-  cy.findByText(checkboxName).click();
+  cy.findByText(checkboxName, { timeout: 5000 }).click();
 });
 
 When('I wait for pinpoint messages to sync', () => {

packages/e2e/cypress/support/commands.ts

@@ -95,22 +95,26 @@ Cypress.Commands.add('typeInInputHandler', (field: string, value: string) => {
 Cypress.Commands.add(
   'fileInputUpload',
   (
-    fileName: string,
+    fileName: string | string[],
     fileCount: number = 1,
     fileSize?: number,
     fileType?: string
   ) => {
+    let isArray = Array.isArray(fileName);
+    if (isArray) {
+      fileCount = fileName.length;
+    }
     const folderFiles = [];
     for (let i = 1; i <= fileCount; i++) {
       folderFiles.push({
         contents: fileSize
           ? Cypress.Buffer.alloc(fileSize)
           : Cypress.Buffer.from(`File ${i} content`),
-        fileName: `${fileName}-${i}`,
+        fileName: isArray ? fileName[i] : `${fileName}-${i}`,
         mimeType: fileType ?? 'text/plain',
       });
     }
     const input = cy.get('input[type="file"]').wait(5000);
-    const selected = input.selectFile(folderFiles[0], { force: true });
+    input.selectFile(folderFiles, { force: true });
   }
 );

packages/react-liveness/package.json

@@ -58,11 +58,11 @@
     "@smithy/signature-v4": "5.1.2",
     "@smithy/types": "^4.3.1",
     "@mediapipe/face_detection": "^0.4.1646425229",
-    "@tensorflow-models/face-detection": "./packed/tensorflow-models-face-detection-1.0.3.tgz",
-    "@tensorflow/tfjs-backend-cpu": "4.22.0",
-    "@tensorflow/tfjs-backend-wasm": "4.22.0",
-    "@tensorflow/tfjs-converter": "4.22.0",
-    "@tensorflow/tfjs-core": "4.22.0",
+    "@tensorflow-models/face-detection": "./packed/tensorflow-models-face-detection-v1.0.3.tgz",
+    "@tensorflow/tfjs-backend-cpu": "4.11.0",
+    "@tensorflow/tfjs-backend-wasm": "4.11.0",
+    "@tensorflow/tfjs-converter": "4.11.0",
+    "@tensorflow/tfjs-core": "4.11.0",
     "@xstate/react": "^3.2.2",
     "tslib": "^2.5.2",
     "uuid": "^11.1.0",