Use file upload instead of typing large text (#2228)

cypress/integration/partial_import_test.spec.ts

@@ -39,7 +39,7 @@ describe("Partial import test", () => {
     modal.importButton().should("not.exist");
   });
 
-  it.skip("Import button only enabled if JSON has something to import", () => {
+  it("Import button only enabled if JSON has something to import", () => {
     modal.open();
     cy.get(".pf-c-code-editor__code textarea").type("{}");
     modal.importButton().should("be.disabled");
@@ -85,7 +85,7 @@ describe("Partial import test", () => {
     modal.closeButton().click();
   });
 
-  it.skip("Displays user options after realmless import and does the import", () => {
+  it("Displays user options after realmless import and does the import", () => {
     modal.open();
 
     modal.typeResourceFile("client-only.json");

cypress/support/commands.ts

@@ -25,3 +25,4 @@
 // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
 
 import "@testing-library/cypress/add-commands";
+import "cypress-file-upload";

cypress/support/pages/admin_console/configure/realm_settings/PartialImportModal.ts

@@ -7,18 +7,9 @@ export default class GroupModal {
   }
 
   typeResourceFile = (filename: string) => {
-    cy.readFile("cypress/fixtures/partial-import-test-data/" + filename).then(
+    cy.get("#partial-import-file-filename").attachFile(
-      (myJSON) => {
+      "./partial-import-test-data/" + filename,
-        const text = JSON.stringify(myJSON);
+      { subjectType: "drag-n-drop" }
-
-        cy.get(".pf-c-code-editor__code textarea")
-          .type(text, {
-            delay: 0,
-            parseSpecialCharSequences: false,
-          })
-          .type("{shift}{end}")
-          .type("{del}");
-      }
     );
   };
 

cypress/tsconfig.json

@@ -2,7 +2,7 @@
   "extends": "../tsconfig.json",
   "include": ["**/*"],
   "compilerOptions": {
-    "types": ["node", "cypress", "@testing-library/cypress"],
+    "types": ["node", "cypress", "@testing-library/cypress", "cypress-file-upload"],
     "module": "ES2015",
     "target": "ES2015",
   }

package-lock.json

@@ -53,6 +53,7 @@
         "@typescript-eslint/parser": "^5.14.0",
         "cli-progress": "^3.10.0",
         "cypress": "^9.5.1",
+        "cypress-file-upload": "^5.0.8",
         "decompress": "^4.2.1",
         "eslint": "^8.11.0",
         "eslint-config-prettier": "^8.5.0",
@@ -8145,6 +8146,18 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/cypress-file-upload": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/cypress-file-upload/-/cypress-file-upload-5.0.8.tgz",
+      "integrity": "sha512-+8VzNabRk3zG6x8f8BWArF/xA/W0VK4IZNx3MV0jFWrJS/qKn8eHfa5nU73P9fOQAgwHFJx7zjg4lwOnljMO8g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.2.1"
+      },
+      "peerDependencies": {
+        "cypress": ">3.0.0"
+      }
+    },
     "node_modules/cypress/node_modules/@types/node": {
       "version": "14.17.21",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.17.21.tgz",
@@ -28328,6 +28341,13 @@
         }
       }
     },
+    "cypress-file-upload": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/cypress-file-upload/-/cypress-file-upload-5.0.8.tgz",
+      "integrity": "sha512-+8VzNabRk3zG6x8f8BWArF/xA/W0VK4IZNx3MV0jFWrJS/qKn8eHfa5nU73P9fOQAgwHFJx7zjg4lwOnljMO8g==",
+      "dev": true,
+      "requires": {}
+    },
     "d3-color": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.0.1.tgz",

package.json

@@ -69,6 +69,7 @@
     "@typescript-eslint/parser": "^5.14.0",
     "cli-progress": "^3.10.0",
     "cypress": "^9.5.1",
+    "cypress-file-upload": "^5.0.8",
     "decompress": "^4.2.1",
     "eslint": "^8.11.0",
     "eslint-config-prettier": "^8.5.0",