different approach to fix width

Author: Julia Volkova

e2e/testcafe-devextreme/tests/editors/numberBox/label.ts

@@ -1,3 +1,4 @@
+import { Selector } from 'testcafe';
 import type { Properties, NumberBoxPredefinedButton } from 'devextreme/ui/number_box.d';
 import type { EditorStyle, TextEditorButton } from 'devextreme/common';
 import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
@@ -7,8 +8,8 @@ import url from '../../../helpers/getPageUrl';
 import { createWidget } from '../../../helpers/createWidget';
 import {
   appendElementTo, removeStylesheetRulesFromPage, insertStylesheetRulesToPage,
+  setStyleAttribute,
 } from '../../../helpers/domUtils';
-import { safeSizeTest } from '../../../helpers/safeSizeTest';
 
 const NUMBERBOX_CLASS = 'dx-numberbox';
 
@@ -37,16 +38,16 @@ const createNumberBox = async (options?: Properties): Promise<string> => {
 
   return id;
 };
-safeSizeTest('Label for dxNumberBox', async (t) => {
+test('Label for dxNumberBox', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
 
   await testScreenshot(t, takeScreenshot, 'NumberBox label.png', { element: '#container' });
 
   await t
     .expect(compareResults.isValid())
     .ok(compareResults.errorMessages());
-}, [300, 400]).before(async () => {
-  await insertStylesheetRulesToPage('#container { box-sizing: border-box; padding: 8px; }');
+}).before(async () => {;
+  await setStyleAttribute(Selector('#container'), 'box-sizing: border-box; width: 300px; height: 400px; padding: 8px;');
   if (isMaterial()) {
     await insertStylesheetRulesToPage('#container .dx-widget, #container .dx-widget input { font-family: sans-serif }');
   }