Merge pull request #782 from opencb/TASK-1192

TASK-1192 - Migrate IVA to new Bootstrap 5.3.x

.eslintrc.json

@@ -21,9 +21,10 @@
   "rules": {
     "indent": ["error", 4, {
       "SwitchCase": 1,
-      "ignoredNodes": ["TemplateLiteral"]
+      "ignoredNodes": ["TemplateLiteral","TaggedTemplateExpression","ObjectExpression","ArrowFunctionExpression"]
       }
     ],
+    "no-multiple-empty-lines":["error",{"max":1}],
     "max-len": ["error", 230],
     "no-console": ["error", { "allow": ["log", "warn", "error", "time", "timeEnd"] }],
     "no-param-reassign": ["warn", { "props": true }],

cypress/e2e/commons/data-form.cy.js

@@ -154,18 +154,18 @@ describe("Data Form Component", () => {
         });
 
         it("should render toggle switch", () => {
-            UtilsTest.getByDataTest("test1-inputToggleSwitch","button")
+            UtilsTest.getByDataTest("test1-inputToggleSwitch","input")
                 .should("have.length",2)
         });
 
         it("should render toggle buttons", () => {
-            UtilsTest.getByDataTest("test1-inputToggleButtons","button")
+            UtilsTest.getByDataTest("test1-inputToggleButtons","input")
                 .should("have.length",3)
         });
     })
 
 
-    context("Complex Field", () => {
+    context.only("Complex Field", () => {
         it("should render object list", () => {
             cy.log("Soon! render object list form");
         });
@@ -235,13 +235,8 @@ describe("Data Form Component", () => {
         });
 
         it("should a table", () => {
-            cy.get("label")
-                .contains("Table Example")
-                .parents("div[class='row form-group ']")
-                .within(() => {
-                    cy.get("table")
-                        .should("be.visible");
-                });
+            UtilsTest.getByDataTest("test1-inputTable", "table")
+                .should("be.visible");
         });
 
         it("should render 3 simple charts", () => {
@@ -267,41 +262,12 @@ describe("Data Form Component", () => {
     // Add element to the list
     // Remove element to the list
     // check require, validation, disable and others for inputc
-
     // test: check if generate correctly url
-    // test: check if generate correctly url
-
-
     // it("when submit is pressed, input display error for empty field", () => {
-    //     // how to identify btn data-form
-    //     cy.get("button[class='btn btn-primary ']").contains("OK").click();
-
-    //     // TODO: search all input with require attr and verify is it visible
-    //     cy.get(".has-error").should("be.visible");
-    // });
-
+    // how to identify btn data-form
+    // search all input with require attr and verify is it visible
     // it("should type the first input field", () => {
-    //     UtilsTest.getByDataTest("test1--id", "input").type("testing input fill");
-    //     // cy.get("div[data-test-id='test1--status.description'] textarea").type("testing input fill");
-
-    //     UtilsTest.getByDataTest("test1--status.description", "textarea").type("testing input fill");
-    //     // cy.get("button[class='btn btn-primary ']").contains("OK").click();
-    // });
-
-    // // Approach #3 to access to type field (More specific field)
-    // it.skip("should type the first input field", () => {
-    //     // cy.get("label").contains("Sample ID").parents("div[class='row form-group ']").within(()=> {
-    //     //     cy.get("input[type='text']").type("testing input fill");
-    //     // });
-    //     UtilsTest.enterField("Sample ID", "testing values");
-    //     UtilsTest.submitForm();
-    // });
-
-    // it("the second field should be disabled", () => {
-    //     // cy.get("textarea").first().should("be.disabled");
-    //     UtilsTest.getByDataTest("test1--description", "textarea")
-    //         .should("be.disabled");
-    // });
+    // Approach #3 to access to type field (More specific field)
 
 });