dev: replace cypress with playwright (#1687)

* dev: replace cypress with playwright

* add config to ts

* code review

Author: silviuaavram

.github/workflows/validate.yml

@@ -41,6 +41,9 @@ jobs:
         with:
           useLockFile: false
 
+      - name: 🎭 Install Playwright browsers
+        run: npx playwright install --with-deps chromium
+
       - name: ▶️ Run validate script
         run: npm run validate
         env:

.gitignore

@@ -34,3 +34,7 @@ npm-debug.log*
 
 # IDE settings
 .idea
+
+# Playwright
+test-results
+playwright-report

CONTRIBUTING.md

@@ -50,8 +50,8 @@ this project:
 - test:ssr - This ensures that downshift works with server-side rendering (it
   can run and render in an environment without the DOM). These tests live in
   `other/ssr/__tests__`
-- test:cypress - This runs tests in an actual browser. It runs and tests the
-  storybook examples. These tests live in `cypress/integration`.
+- test:e2e - This runs tests in an actual browser. It runs and tests the
+  docusaurus examples. These tests live in `e2e/`.
 
 ### opt into git hooks
 

babel.config.js

@@ -19,8 +19,6 @@ const customPreset = api => {
   const plugins = [
     require.resolve('babel-plugin-dynamic-import-node'),
     ['no-side-effect-class-properties'],
-    ['@babel/plugin-proposal-private-property-in-object', {loose: true}], // cypress warning because loose is false in preset-env
-    ['@babel/plugin-proposal-private-methods', {loose: true}], // cypress warning because loose is false in preset-env
     ...evaluatedPreset.plugins,
   ]
   return {