chore: remove unused browser tests and selenium-webdriver dependency

.circleci/config.yml

@@ -33,12 +33,12 @@ aliases:
 
   - &restore_deps_cache
     keys:
-      - v38-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
-      - v38-dependency-cache-{{ .Branch }}
-      - v38-dependency-cache
+      - v39-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+      - v39-dependency-cache-{{ .Branch }}
+      - v39-dependency-cache
 
   - &save_deps_cache
-    key: v38-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+    key: v39-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
     paths:
       - node_modules
       - packages/app/node_modules
@@ -63,40 +63,40 @@ aliases:
 
   - &restore_standalone_deps_cache
     keys:
-      - v38-standalone-dependency-cache-{{ .Branch }}-{{ checksum
+      - v39-standalone-dependency-cache-{{ .Branch }}-{{ checksum
         "standalone-packages/codesandbox-browserfs/yarn.lock" }}
-      - v38-standalone-dependency-cache-{{ .Branch }}
-      - v38-standalone-dependency-cache
+      - v39-standalone-dependency-cache-{{ .Branch }}
+      - v39-standalone-dependency-cache
 
   - &save_standalone_deps_cache
     key:
-      v38-standalone-dependency-cache-{{ .Branch }}-{{ checksum
+      v39-standalone-dependency-cache-{{ .Branch }}-{{ checksum
       "standalone-packages/codesandbox-browserfs/yarn.lock" }}
     paths:
       - standalone-packages/codesandbox-browserfs/node_modules
 
   - &restore_prod_result
     key:
-      v38-prod-build-result-{{ .Environment.CIRCLE_BRANCH
+      v39-prod-build-result-{{ .Environment.CIRCLE_BRANCH
       }}-{{.Environment.CIRCLE_SHA1 }}
 
   - &save_prod_build_cache
     key:
-      v38-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
+      v39-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
       }}-{{.Environment.CIRCLE_SHA1 }}
     paths:
       - packages/app/node_modules/.cache
 
   - &restore_prod_build_cache
     keys:
-      - v38-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
+      - v39-prod-build-cache-{{ .Environment.CIRCLE_BRANCH
         }}-{{.Environment.CIRCLE_SHA1 }}
-      - v38-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-
-      - v38-prod-build-cache-master-
+      - v39-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-
+      - v39-prod-build-cache-master-
 
   - &save_prod_result
     key:
-      v38-prod-build-result-{{ .Environment.CIRCLE_BRANCH }}-{{
+      v39-prod-build-result-{{ .Environment.CIRCLE_BRANCH }}-{{
       .Environment.CIRCLE_SHA1 }}
     paths:
       - ./www
@@ -139,14 +139,14 @@ commands:
     steps:
       - restore_cache:
           keys:
-            - v38-source-cache-{{ .Branch }}-{{ .Revision }}
-            - v38-source-cache-{{ .Branch }}-
-            - v38-source-cache-
+            - v39-source-cache-{{ .Branch }}-{{ .Revision }}
+            - v39-source-cache-{{ .Branch }}-
+            - v39-source-cache-
 
       - checkout
 
       - save_cache:
-          key: v38-source-cache-{{ .Branch }}-{{ .Revision }}
+          key: v39-source-cache-{{ .Branch }}-{{ .Revision }}
           paths:
             - '.git'
   build_deps:

packages/app/integration-tests/tests/sandboxes.test.js

@@ -10,9 +10,9 @@ const SANDBOXES = [
   'vue',
   'svelte',
   'react-ts',
-  { id: 'reduxjs-redux-examples-todomvc', threshold: 0.04 },
+  'reduxjs-redux-examples-todomvc',
   'vVoQVk78',
-  'faceyspacey-redux-first-router-codesandbox',
+  { id: 'faceyspacey-redux-first-router-codesandbox', threshold: 0.08 },
   'mZRjw05yp',
   'o29j95wx9',
   'k3q1zjjml5',
@@ -31,14 +31,14 @@ const SANDBOXES = [
   'vanilla',
   'n5wy74w8vl', // material-ui generated demo
   'algolia-doc-onboarding-demos-angular-media', // algolia angular demo
-  { id: 'ymjwwrw2rj', threshold: 0.05 }, // empty path
-  { id: '98o3k45m8p', threshold: 0.05 }, // direct path test
+  'ymjwwrw2rj', // empty path
+  '98o3k45m8p', // direct path test
   'pm79km5lmj', // babel macros with styled components
   'j2wpjwqj93', // sandbox with need of transpiling in node_modules
   '1oknw8q8zq', // Parcel with async function (no regeneratorRuntime error)
-  '31kn7voz4q', // cxjs
+  { id: '31kn7voz4q', threshold: 0.07 }, // cxjs
   'zw9zjy0683', // aurelia
-  'zx22owojr3', // vue v-slot test
+  { id: 'zx22owojr3', threshold: 0.07 }, // vue v-slot test
   // '4888omqqz7', // material-ui https://github.com/codesandbox/codesandbox-client/issues/1741,
   'sebn6', // babel plugin dynamically downloaded
   'utmms', // babel plugin pragmatic-jsx which requires other babel plugin
@@ -78,7 +78,7 @@ describe('sandboxes', () => {
 
   sandboxesToTest.forEach(sandbox => {
     const id = sandbox.id || sandbox;
-    const threshold = sandbox.threshold || 0.01;
+    const threshold = sandbox.threshold || 0.05;
     const loadTimeout = ms(TIMEOUT);
     const testTimeout = loadTimeout * ATTEMPTS + ms(20);
 
@@ -94,10 +94,9 @@ describe('sandboxes', () => {
 
         try {
           expect(screenshot).toMatchImageSnapshot({
-            customDiffConfig: {
-              threshold,
-            },
-            customSnapshotIdentifier: identifier,
+            failureThreshold: threshold, // Percentage threshold for entire comparison
+            failureThresholdType: 'percent',
+            customSnapshotIdentifier: `${identifier}-snap`,
           });
         } catch (err) {
           const screenshotFilePath = path.join(

packages/app/package.json

@@ -340,6 +340,7 @@
     "opn": "4.0.2",
     "path-exists": "3.0.0",
     "path-override-webpack-plugin": "^0.1.2",
+    "puppeteer": "^18.1.0",
     "postcss-flexbugs-fixes": "^4.1.0",
     "postcss-import": "^12.0.1",
     "postcss-loader": "3.0.0",