diff --git a/apps/demos/testing/widgets/tagbox/GroupedItems.test.js b/apps/demos/testing/widgets/tagbox/GroupedItems.test.js index 82727d82888..5158a9ef42f 100644 --- a/apps/demos/testing/widgets/tagbox/GroupedItems.test.js +++ b/apps/demos/testing/widgets/tagbox/GroupedItems.test.js @@ -1,5 +1,4 @@ import { createScreenshotsComparer } from 'devextreme-screenshot-comparer'; -import { Selector as $ } from 'testcafe'; import { runManualTest } from '../../../utils/visual-tests/matrix-test-helper'; import { testScreenshot } from '../../../utils/visual-tests/helpers/theme-utils'; @@ -11,33 +10,29 @@ fixture('TagBox.GroupedItems') runManualTest('TagBox', 'GroupedItems', ['jQuery', 'React', 'Vue', 'Angular'], (test) => { test('GroupedItems', async (t) => { - const TAG_BOX_CLASS = 'dx-tagbox'; - const $tagBoxes = $(`.${TAG_BOX_CLASS} .dx-tag-container`); const { takeScreenshot, compareResults } = createScreenshotsComparer(t); await t - .click($tagBoxes.nth(0)) - .wait(200); + .pressKey('tab') + .pressKey('alt down'); await testScreenshot(t, takeScreenshot, 'tagbox_groupeditems_first_opened.png'); await t - .click($tagBoxes.nth(0)) - .wait(200); + .pressKey('esc') await t - .click($tagBoxes.nth(1)) - .wait(200); + .pressKey('tab') + .pressKey('alt down'); await testScreenshot(t, takeScreenshot, 'tagbox_groupeditems_second_opened.png'); await t - .click($tagBoxes.nth(1)) - .wait(200); + .pressKey('esc') await t - .click($tagBoxes.nth(2)) - .wait(200); + .pressKey('tab') + .pressKey('alt down'); await testScreenshot(t, takeScreenshot, 'tagbox_groupeditems_third_opened.png');