CardView - fix test for column chooser (DevExpress#30275)

Author: pomahtri

e2e/testcafe-devextreme/tests/cardView/columnChooser/functional.ts

@@ -62,14 +62,30 @@ testsFactory({
     );
   },
   async assertFirstColumnVisible(t: TestController, cardView: CardView) {
+    await t.expect(cardView.getColumnChooser().getColumnsCount()).eql(3);
+
     await t.expect(
       cardView.getColumnChooser().isCheckboxChecked(0),
     ).ok();
+    await t.expect(
+      cardView.getColumnChooser().isCheckboxChecked(1),
+    ).ok();
+    await t.expect(
+      cardView.getColumnChooser().isCheckboxChecked(2),
+    ).ok();
   },
   async assertFirstColumnHidden(t: TestController, cardView: CardView) {
+    await t.expect(cardView.getColumnChooser().getColumnsCount()).eql(3);
+
     await t.expect(
       cardView.getColumnChooser().isCheckboxChecked(0),
     ).notOk();
+    await t.expect(
+      cardView.getColumnChooser().isCheckboxChecked(1),
+    ).ok();
+    await t.expect(
+      cardView.getColumnChooser().isCheckboxChecked(2),
+    ).ok();
   },
 });
 
@@ -94,11 +110,36 @@ testsFactory({
     );
   },
   async assertFirstColumnVisible(t: TestController, cardView: CardView) {
+    await t.expect(
+      cardView.getHeaderPanel().getHeaderItemsCount(),
+    ).eql(3);
+
     await t.expect(
       cardView.getHeaderPanel().getHeaderItem(0).element.textContent,
     ).eql('A');
+    await t.expect(
+      cardView.getHeaderPanel().getHeaderItem(1).element.textContent,
+    ).eql('B');
+    await t.expect(
+      cardView.getHeaderPanel().getHeaderItem(2).element.textContent,
+    ).eql('C');
   },
   async assertFirstColumnHidden(t: TestController, cardView: CardView) {
+    await t.expect(
+      cardView.getHeaderPanel().getHeaderItemsCount(),
+    ).eql(2);
+
+    await t.expect(
+      cardView.getHeaderPanel().getHeaderItem(0).element.textContent,
+    ).eql('B');
+    await t.expect(
+      cardView.getHeaderPanel().getHeaderItem(1).element.textContent,
+    ).eql('C');
+
+    await t.expect(
+      cardView.getColumnChooser().getColumnsCount(),
+    ).eql(1);
+
     await t.expect(
       cardView.getColumnChooser().getColumn(0).textContent,
     ).eql('A');

packages/testcafe-models/cardView/headerPanel.ts

@@ -8,16 +8,19 @@ const CLASS = {
 }
 
 export default class HeaderPanel {
+    private itemSelector = `.${Widget.addClassPrefix(this.widgetName, CLASS.headerItem)}`;
+    
     constructor(
         public element: Selector,
         public widgetName: string,
-    ) {
+    ) {}
+
+    getHeaderItemsCount(): Promise<number> {
+        return this.element.find(this.itemSelector).count;
     }
 
     getHeaderItem(idx = 0): HeaderItem {
-        const itemElement = this.element.find(
-            `.${Widget.addClassPrefix(this.widgetName, CLASS.headerItem)}`,
-        ).nth(idx);
+        const itemElement = this.element.find(this.itemSelector).nth(idx);
         return new HeaderItem(itemElement);
     }
 

packages/testcafe-models/dataGrid/columnChooser.ts

@@ -49,6 +49,10 @@ export default class ColumnChooser extends FocusableElement {
     return this.getCheckbox(nth).hasClass(CLASS.checkboxChecked);
   }
 
+  getColumnsCount(): Promise<number> {
+    return this.content.find(`.${CLASS.treeViewItem}`).count;
+  }
+
   getColumn(index = 0): Selector {
     return this.content.find(`.${CLASS.treeViewItem}`).nth(index);
   }