fix: adapt e2e test to new dom

JIRA: LX-183 risk: low
gooddata · Jun 20, 2024 · 0b32771 · 0b32771
1 parent 227a381
commit 0b32771
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/libs/sdk-ui-tests-e2e/cypress/tools/attributeFilterButton.ts b/libs/sdk-ui-tests-e2e/cypress/tools/attributeFilterButton.ts
@@ -1,4 +1,5 @@
 // (C) 2022-2024 GoodData Corporation
+import { camelCase } from "lodash";
 export class AttributeFilterButton {
     private attributeFilterUniqueSelector;
 
@@ -100,12 +101,14 @@ export class AttributeFilterButton {
         this.searchElements(attributeValue);
         if (only) {
             this.getDropdownElement()
-                .find(`.s-attribute-filter-list-item[title="${attributeValue}"] .gd-list-item-only`)
+                .find(`.s-attribute-filter-list-item-${camelCase(attributeValue)} .gd-list-item-only`)
                 .invoke("show")
                 .click();
             return this;
         }
-        this.getDropdownElement().find(`.s-attribute-filter-list-item[title="${attributeValue}"]`).click();
+        this.getDropdownElement()
+            .find(`.s-attribute-filter-list-item-${camelCase(attributeValue)}`)
+            .click();
         return this;
     }
 

diff --git a/libs/sdk-ui-tests-e2e/cypress/tools/filterBar.ts b/libs/sdk-ui-tests-e2e/cypress/tools/filterBar.ts
@@ -1,5 +1,6 @@
 // (C) 2021-2024 GoodData Corporation
 import { DashboardAttributeFilterConfigMode, DashboardDateFilterConfigMode } from "@gooddata/sdk-model";
+import camelCase from "lodash/camelCase";
 import { getTestClassByTitle } from "../support/commands/tools/classes";
 import { DropZone } from "./enum/DropZone";
 import { DateFilter } from "./dateFilter";
@@ -62,7 +63,9 @@ export class AttributeFilter {
 
     selectAttributesWithoutApply(name?: string) {
         this.clearAllValues();
-        this.getDropdownElement().find(`.s-attribute-filter-list-item[title="${name}"]`).click();
+        this.getDropdownElement()
+            .find(`.s-attribute-filter-list-item-${camelCase(name)}`)
+            .click();
         return this;
     }
 
@@ -198,14 +201,16 @@ export class AttributeFilter {
 
     isValueSelected(attributeValue: string, expected: boolean) {
         this.getDropdownElement()
-            .find(`.s-attribute-filter-list-item[title="${attributeValue}"]`)
+            .find(`.s-attribute-filter-list-item-${camelCase(attributeValue)}`)
             .should(expected ? "have.class" : "not.have.class", "s-attribute-filter-list-item-selected");
         return this;
     }
 
     searchAndSelectFilterItem(attributeValue: string) {
         this.search(attributeValue);
-        this.getDropdownElement().find(`.s-attribute-filter-list-item[title="${attributeValue}"]`).click();
+        this.getDropdownElement()
+            .find(`.s-attribute-filter-list-item-${camelCase(attributeValue)}`)
+            .click();
         return this;
     }