Testcafe: revive tests after Chrome update (DevExpress#29645)

Author: EugeniyKiyashko

e2e/testcafe-devextreme/tests/navigation/contextMenu/common.ts

@@ -43,10 +43,10 @@ test('ContextMenu items render', async (t) => {
     .ok(compareResults.errorMessages());
 }).before(async () => {
   await appendElementTo('#container', 'div', 'contextMenu');
-  await setAttribute('#container', 'class', 'dx-theme-generic-typography');
+  await setAttribute('#container', 'class', `dx-theme-${process.env.theme?.split('.')[0]}-typography`);
   await setStyleAttribute(Selector('#container'), 'width: 300px; height: 200px;');
 
-  await insertStylesheetRulesToPage('.custom-class { border: 2px solid green !important; }');
+  await insertStylesheetRulesToPage('.custom-class { box-shadow: 0 0 0 2px green !important; }');
 
   const menuItems = [
     { text: 'remove', icon: 'remove', items: [{ text: 'item_1' }, { text: 'item_2' }] },

e2e/testcafe-devextreme/tests/navigation/contextMenu/etalons/ContextMenu items render (fluent-blue-light).png

@@ -212,9 +212,7 @@ safeSizeTest('Menu delimiter appearance when orientation is horizontal', async (
   return createWidget('dxMenu', { items: menuItems }, '#container');
 });
 
-// TODO Chrome133: skipped during chrome update
-// safeSizeTest(..., [500, 500])
-test.skip('Menu delimiter appearance when orientation is vertical', async (t) => {
+safeSizeTest('Menu delimiter appearance when orientation is vertical', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
   const menu = new Menu();
 
@@ -251,7 +249,7 @@ test.skip('Menu delimiter appearance when orientation is vertical', async (t) =>
   await t
     .expect(compareResults.isValid())
     .ok(compareResults.errorMessages());
-}).before(async () => {
+}, [500, 500]).before(async () => {
   const menuItems = [{
     text: 'Video Players',
   }, {