Skip to content

Grids: use Fluent theme in QUnit tests (TreeList, Gantt) - #34610

Open
anna-shakhova wants to merge 3 commits into
DevExpress:mainfrom
anna-shakhova:qunit_fluent_treelist_main
Open

Grids: use Fluent theme in QUnit tests (TreeList, Gantt)#34610
anna-shakhova wants to merge 3 commits into
DevExpress:mainfrom
anna-shakhova:qunit_fluent_treelist_main

Conversation

@anna-shakhova

Copy link
Copy Markdown
Contributor

No description provided.

@anna-shakhova anna-shakhova self-assigned this Aug 3, 2026
Copilot AI review requested due to automatic review settings August 3, 2026 11:07
@anna-shakhova
anna-shakhova requested a review from a team as a code owner August 3, 2026 11:07

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates QUnit coverage for TreeList and Gantt to run under the Fluent theme, aligning these test suites with the theme used by many other widget tests in the repo.

Changes:

  • Switched QUnit test theme imports from generic_light.css! to fluent_blue_light.css! for Gantt and several TreeList test suites.
  • Adjusted several pixel-based test parameters (widget heights and drag distances) to account for Fluent theme sizing differences.
  • Reordered TreeList test bootstrap (QUnit.testStart) to keep imports at the top of the file.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File Description
packages/devextreme/testing/tests/DevExpress.ui.widgets/gantt.tests.js Switches the Gantt QUnit suite to the Fluent theme import.
packages/devextreme/testing/tests/DevExpress.ui.widgets.treeList/virtualScrolling.integration.tests.js Uses Fluent theme and updates TreeList height in a virtual scrolling integration scenario.
packages/devextreme/testing/tests/DevExpress.ui.widgets.treeList/treeList.tests.js Uses Fluent theme, repositions QUnit.testStart, and updates a few height-dependent TreeList scenarios.
packages/devextreme/testing/tests/DevExpress.ui.widgets.treeList/rowDragging.tests.js Uses Fluent theme and updates drag distances for row-dragging behavior assertions.
Suppressed comments (1)

packages/devextreme/testing/tests/DevExpress.ui.widgets.treeList/rowDragging.tests.js:133

  • The drag distance is hardcoded (75px), which is theme-dependent and may cause future flaky failures if TreeList row heights change again. Using the rendered row height (or a multiple of it) would make this assertion more robust.
        const pointer = pointerMock(rowsView.getRowElement(0)).start().down().move(0, 75);

Copilot AI review requested due to automatic review settings August 3, 2026 12:46
@anna-shakhova
anna-shakhova force-pushed the qunit_fluent_treelist_main branch from 5a8cecd to a0feb17 Compare August 3, 2026 12:46

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated no new comments.

test('removing', function(assert) {
this.createInstance(options.allSourcesOptions);
// explicit height: the treeList is virtual, so all tasks must fit the render window
this.createInstance({ ...options.allSourcesOptions, height: 700 });

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why in generic there was no need for the specific height?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cause default browser height was enough, and with fluent all rows are not fit

Copilot AI review requested due to automatic review settings August 3, 2026 14:16

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated no new comments.

Suppressed comments (1)

packages/devextreme/testing/tests/DevExpress.ui.widgets/ganttParts/dataSource.tests.js:63

  • The comment says “inserted task” but this test is removing an existing task; the wording is misleading and makes the height rationale unclear.
            // explicit height: the treeList is virtual, so the inserted task must fit the render window

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants