test(Playwright): add beforeMount theme and mobile provider (#179)

gravity-ui · Mar 12, 2024 · 3ea1d38 · 3ea1d38
1 parent 7f60298
commit 3ea1d38
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 25 deletions.
diff --git a/playwright/core/DynamicForm.tsx b/playwright/core/DynamicForm.tsx
@@ -1,7 +1,5 @@
 import React from 'react';
 
-import {MobileProvider, ThemeProvider} from '@gravity-ui/uikit';
-
 import noop from 'lodash/noop';
 import {Form} from 'react-final-form';
 
@@ -13,19 +11,15 @@ export const DynamicForm = ({spec}: {spec: Spec}) => {
     const generateRandomValue = () => 'value';
 
     return (
-        <ThemeProvider>
-            <MobileProvider>
-                <Form initialValues={{}} onSubmit={noop}>
-                    {() => (
-                        <DynamicField
-                            name="input"
-                            spec={spec}
-                            config={dynamicConfig}
-                            generateRandomValue={generateRandomValue}
-                        />
-                    )}
-                </Form>
-            </MobileProvider>
-        </ThemeProvider>
+        <Form initialValues={{}} onSubmit={noop}>
+            {() => (
+                <DynamicField
+                    name="input"
+                    spec={spec}
+                    config={dynamicConfig}
+                    generateRandomValue={generateRandomValue}
+                />
+            )}
+        </Form>
     );
 };
diff --git a/playwright/core/DynamicView.tsx b/playwright/core/DynamicView.tsx
@@ -1,18 +1,10 @@
 import React from 'react';
 
-import {MobileProvider, ThemeProvider} from '@gravity-ui/uikit';
-
 import {DynamicView as DynamicViewBase} from '../../src/lib/core/components/View/DynamicView';
 import {Spec} from '../../src/lib/core/types/specs';
 import {FormValue} from '../../src/lib/core/types/value';
 import {dynamicViewConfig} from '../../src/lib/kit/constants/config';
 
 export const DynamicView = ({spec, value}: {spec: Spec; value: FormValue}) => {
-    return (
-        <ThemeProvider>
-            <MobileProvider>
-                <DynamicViewBase spec={spec} value={value} config={dynamicViewConfig} />
-            </MobileProvider>
-        </ThemeProvider>
-    );
+    return <DynamicViewBase spec={spec} value={value} config={dynamicViewConfig} />;
 };
diff --git a/playwright/playwright/index.tsx b/playwright/playwright/index.tsx
@@ -1 +1,16 @@
+import React from 'react';
+
+import {beforeMount} from '@playwright/experimental-ct-react/hooks';
+import {MobileProvider, ThemeProvider} from '@gravity-ui/uikit';
+
 import './index.scss';
+
+beforeMount(async ({App}) => {
+    return (
+        <ThemeProvider theme="light">
+            <MobileProvider>
+                <App />
+            </MobileProvider>
+        </ThemeProvider>
+    );
+});