add test

e2e/testcafe-devextreme/tests/editors/tagBox/common.ts

@@ -3,6 +3,7 @@ import TagBox from 'devextreme-testcafe-models/tagBox';
 import { testScreenshot } from '../../../helpers/themeUtils';
 import url from '../../../helpers/getPageUrl';
 import { createWidget } from '../../../helpers/createWidget';
+import { safeSizeTest } from '../../../helpers/safeSizeTest';
 
 fixture.disablePageReloads`TagBox`
   .page(url(__dirname, '../../container.html'));
@@ -123,6 +124,23 @@ test('Select all checkbox should be focused by tab and closed by escape (T389453
   applyValueMode: 'useButtons',
 }));
 
+safeSizeTest('TagBox with selection controls', async (t) => {
+  const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+  const tagBox = new TagBox('#container');
+
+  await t.click(tagBox.element);
+
+  await testScreenshot(t, takeScreenshot, 'TagBox with selection controls');
+
+  await t
+    .expect(compareResults.isValid())
+    .ok(compareResults.errorMessages());
+}, [300, 400]).before(async () => createWidget('dxTagBox', {
+  items: [1, 2, 3, 4, 5, 6, 7],
+  showSelectionControls: true,
+  width: 300,
+}));
+
 test('Placeholder is visible after items option change when value is not chosen (T1099804)', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
   const tagBox = new TagBox('#container');