diff --git a/package.json b/package.json
index 4269cdd77..478040df2 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,9 @@
     "flow": "flow",
     "fmt": "prettier --write \"**/*.js\"",
     "fmt:report": "prettier --check \"**/*.js\"",
-    "jest": "jest --config ./scripts/jest/config.js",
+    "jest": "npm-run-all \"jest:* {@}\" --",
+    "jest:dom": "jest --config ./scripts/jest/config.js",
+    "jest:node": "jest --config ./scripts/jest/config.node.js",
     "lint": "yarn lint:report --fix",
     "lint:report": "eslint packages scripts",
     "prerelease": "yarn test && yarn compile",
diff --git a/packages/benchmarks/src/implementations/styleq/View.js b/packages/benchmarks/src/implementations/styleq/View.js
index ed6012542..46c7495cd 100644
--- a/packages/benchmarks/src/implementations/styleq/View.js
+++ b/packages/benchmarks/src/implementations/styleq/View.js
@@ -11,7 +11,7 @@ function View(props) {
 const styles = {
   root: {
     $$css: true,
-    'css-13b7bgz': 'css-13b7bgz'
+    'css-175oi2r': 'css-175oi2r'
   }
 };
 
diff --git a/packages/docs/src/pages/docs/apis/i18n-manager.md b/packages/docs/src/pages/docs/apis/i18n-manager.md
index d45e3ed28..7a331a661 100644
--- a/packages/docs/src/pages/docs/apis/i18n-manager.md
+++ b/packages/docs/src/pages/docs/apis/i18n-manager.md
@@ -35,10 +35,6 @@ Force the application to display in RTL mode.
 Determine how the application is handling bidi layout.
 {% endcall %}
 
-{% call macro.prop('swapLeftAndRightInRTL', '(boolean) => void') %}
-Control whether the application swaps `left`/`right` styles in RTL mode. It is recommended that applications rely on `start`/`end` styles and disable automatic BiDi-flipping of `left`/`right` styles.
-{% endcall %}
-
 {% call macro.prop('setPreferredLanguageRTL', '(boolean) => void') %}
 Set the application's preferred writing direction to RTL. You may need to infer the user's preferred locale on the server (from HTTP headers) and decide whether it's an RTL language. (Web-only)
 {% endcall %}
@@ -51,10 +47,6 @@ The object returned by `I18nManager.getConstants()`.
 Whether the application is currently in RTL mode.
 {% endcall %}
 
-{% call macro.prop('doLeftAndRightSwapInRTL', 'boolean = true') %}
-Whether the application swaps left/right styles in RTL mode.
-{% endcall %}
-
 ---
 
 ## Examples
diff --git a/packages/docs/src/pages/docs/concepts/localization.md b/packages/docs/src/pages/docs/concepts/localization.md
index 0e7fcef69..edbcb26d6 100644
--- a/packages/docs/src/pages/docs/concepts/localization.md
+++ b/packages/docs/src/pages/docs/concepts/localization.md
@@ -30,7 +30,7 @@ return (
 );
 ```
 
-The non-standard [direction-independent style properties]({{ '/docs/styling/#non-standard-properties' | url }}) should also be used as much as possible. {{ site.name }} will automatically flip the direction of these properties when the application is re-rendered after using `I18nManager` to enable RTL mode.
+The non-standard [direction-independent style properties]({{ '/docs/styling/#non-standard-properties' | url }}) should also be used as much as possible. {{ site.name }} will automatically flip the direction of these properties within subtrees based on the value of the `dir` prop on `View` or `Text` elements in the ancestral hierarchy.
 
 ```jsx
 // "start" is "left" for LTR and "right" for RTL
diff --git a/packages/dom-event-testing-library/src/__tests__/index-test.js b/packages/dom-event-testing-library/src/__tests__/index-test.js
index c78a6bdb4..585184798 100644
--- a/packages/dom-event-testing-library/src/__tests__/index-test.js
+++ b/packages/dom-event-testing-library/src/__tests__/index-test.js
@@ -1,5 +1,3 @@
-/* eslint-env jasmine, jest */
-
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
diff --git a/packages/dom-event-testing-library/src/domEnvironment.js b/packages/dom-event-testing-library/src/domEnvironment.js
index 8771cbd15..2a9bca8bc 100644
--- a/packages/dom-event-testing-library/src/domEnvironment.js
+++ b/packages/dom-event-testing-library/src/domEnvironment.js
@@ -1,5 +1,3 @@
-/* eslint-env jasmine, jest */
-
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -7,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
 /**
  * Change environment support for PointerEvent.
  */
diff --git a/packages/dom-event-testing-library/src/testHelpers.js b/packages/dom-event-testing-library/src/testHelpers.js
index 519e9811c..19d2c9ecf 100644
--- a/packages/dom-event-testing-library/src/testHelpers.js
+++ b/packages/dom-event-testing-library/src/testHelpers.js
@@ -1,5 +1,3 @@
-/* eslint-env jasmine, jest */
-
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
diff --git a/packages/react-native-web/jest/setup.js b/packages/react-native-web/jest/setup.js
index 4cbf67909..5d5bbe443 100644
--- a/packages/react-native-web/jest/setup.js
+++ b/packages/react-native-web/jest/setup.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 'use strict';
 
diff --git a/packages/react-native-web/package.json b/packages/react-native-web/package.json
index 903438213..607e2e7a1 100644
--- a/packages/react-native-web/package.json
+++ b/packages/react-native-web/package.json
@@ -16,12 +16,11 @@
     "!**/__tests__"
   ],
   "dependencies": {
-    "array-find-index": "^1.0.2",
     "create-react-class": "^15.7.0",
     "fbjs": "^3.0.0",
-    "hyphenate-style-name": "^1.0.4",
     "inline-style-prefixer": "^6.0.0",
     "normalize-css-color": "^1.0.2",
+    "postcss-value-parser": "^4.2.0",
     "prop-types": "^15.6.0",
     "styleq": "0.0.0-b4fc5da"
   },
diff --git a/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap
index a90a59708..51d701c6e 100644
--- a/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap
@@ -5,11 +5,11 @@ exports[`components/ActivityIndicator prop "accessibilityLabel" value is set 1`]
   aria-label="accessibility label"
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -42,11 +42,11 @@ exports[`components/ActivityIndicator prop "accessibilityLiveRegion" value is se
   aria-live="polite"
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -78,11 +78,11 @@ exports[`components/ActivityIndicator prop "animating" is "false" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
   >
     <svg
       height="100%"
@@ -114,11 +114,11 @@ exports[`components/ActivityIndicator prop "animating" is "true" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -175,13 +175,13 @@ exports[`components/ActivityIndicator prop "dataSet" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   data-one="one"
   data-two="two"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -213,11 +213,11 @@ exports[`components/ActivityIndicator prop "hidesWhenStopped" is "false" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w"
   >
     <svg
       height="100%"
@@ -249,11 +249,11 @@ exports[`components/ActivityIndicator prop "hidesWhenStopped" is "true" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
   >
     <svg
       height="100%"
@@ -285,12 +285,12 @@ exports[`components/ActivityIndicator prop "nativeID" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   id="123"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -322,11 +322,11 @@ exports[`components/ActivityIndicator prop "size" is "large" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-1r8g8re r-width-1acpoxo r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-1r8g8re r-width-1acpoxo r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -358,11 +358,11 @@ exports[`components/ActivityIndicator prop "size" is a number 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
     style="height: 30px; width: 30px;"
   >
     <svg
@@ -395,12 +395,12 @@ exports[`components/ActivityIndicator prop "style" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -432,12 +432,12 @@ exports[`components/ActivityIndicator prop "testID" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-13b7bgz r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-175oi2r r-alignItems-1awozwy r-justifyContent-1777fci"
   data-testid="123"
   role="progressbar"
 >
   <div
-    class="css-view-13b7bgz r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
+    class="css-view-175oi2r r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
diff --git a/packages/react-native-web/src/exports/ActivityIndicator/__tests__/index-test.js b/packages/react-native-web/src/exports/ActivityIndicator/__tests__/index-test.js
index f5ae61b58..2e0f5a155 100644
--- a/packages/react-native-web/src/exports/ActivityIndicator/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/ActivityIndicator/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import ActivityIndicator from '..';
 import React from 'react';
diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap
deleted file mode 100644
index fa22981cd..000000000
--- a/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap
+++ /dev/null
@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AppRegistry getApplication "getStyleElement" contains style updates 1`] = `
-"[stylesheet-group=\\"0\\"] {}
-body {margin: 0;}
-body:not(.focusvisible) :focus {outline: none;}
-button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
-html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
-input::-webkit-search-cancel-button,input::-webkit-search-decorationinput::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}
-[stylesheet-group=\\"1\\"]{}
-.css-view-13b7bgz{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;z-index:0;}
-[stylesheet-group=\\"2\\"]{}
-.r-display-xoduu5{display:inline-flex;}
-.r-flex-13awgt0{flex:1;}
-[stylesheet-group=\\"2.2\\"]{}
-.r-bottom-1p0dtai{bottom:0px;}
-.r-left-1d2f490{left:0px;}
-.r-pointerEvents-105ug2t{pointer-events:auto!important;}
-.r-pointerEvents-12vffkv>*{pointer-events:auto;}
-.r-pointerEvents-12vffkv{pointer-events:none!important;}
-.r-pointerEvents-633pao{pointer-events:none!important;}
-.r-pointerEvents-ah5dr5>*{pointer-events:none;}
-.r-pointerEvents-ah5dr5{pointer-events:auto!important;}
-.r-position-u8s1d{position:absolute;}
-.r-right-zchlnj{right:0px;}
-.r-top-ipm5af{top:0px;}"
-`;
-
-exports[`AppRegistry getApplication "getStyleElement" contains style updates 2`] = `
-"[stylesheet-group=\\"0\\"] {}
-body {margin: 0;}
-body:not(.focusvisible) :focus {outline: none;}
-button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
-html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
-input::-webkit-search-cancel-button,input::-webkit-search-decorationinput::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}
-[stylesheet-group=\\"1\\"]{}
-.css-view-13b7bgz{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;z-index:0;}
-[stylesheet-group=\\"2\\"]{}
-.r-borderWidth-1bee2fs{border-bottom-width:1234px;border-left-width:1234px;border-right-width:1234px;border-top-width:1234px;}
-.r-display-xoduu5{display:inline-flex;}
-.r-flex-13awgt0{flex:1;}
-[stylesheet-group=\\"2.2\\"]{}
-.r-backgroundColor-aot4c7{background-color:rgba(128,0,128,1.00);}
-.r-bottom-1p0dtai{bottom:0px;}
-.r-left-1d2f490{left:0px;}
-.r-pointerEvents-105ug2t{pointer-events:auto!important;}
-.r-pointerEvents-12vffkv>*{pointer-events:auto;}
-.r-pointerEvents-12vffkv{pointer-events:none!important;}
-.r-pointerEvents-633pao{pointer-events:none!important;}
-.r-pointerEvents-ah5dr5>*{pointer-events:none;}
-.r-pointerEvents-ah5dr5{pointer-events:auto!important;}
-.r-position-u8s1d{position:absolute;}
-.r-right-zchlnj{right:0px;}
-.r-top-ipm5af{top:0px;}"
-`;
-
-exports[`AppRegistry getApplication returns "element" and "getStyleElement" 1`] = `
-<AppContainer
-  rootTag={{}}
->
-  <NoopComponent />
-</AppContainer>
-`;
-
-exports[`AppRegistry getApplication returns "element" and "getStyleElement" 2`] = `
-"<style id=\\"react-native-stylesheet\\">[stylesheet-group=\\"0\\"] {}
-body {margin: 0;}
-body:not(.focusvisible) :focus {outline: none;}
-button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
-html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
-input::-webkit-search-cancel-button,input::-webkit-search-decorationinput::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}
-[stylesheet-group=\\"1\\"]{}
-.css-view-13b7bgz{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;z-index:0;}
-[stylesheet-group=\\"2\\"]{}
-.r-display-xoduu5{display:inline-flex;}
-.r-flex-13awgt0{flex:1;}
-[stylesheet-group=\\"2.2\\"]{}
-.r-bottom-1p0dtai{bottom:0px;}
-.r-left-1d2f490{left:0px;}
-.r-pointerEvents-105ug2t{pointer-events:auto!important;}
-.r-pointerEvents-12vffkv>*{pointer-events:auto;}
-.r-pointerEvents-12vffkv{pointer-events:none!important;}
-.r-pointerEvents-633pao{pointer-events:none!important;}
-.r-pointerEvents-ah5dr5>*{pointer-events:none;}
-.r-pointerEvents-ah5dr5{pointer-events:auto!important;}
-.r-position-u8s1d{position:absolute;}
-.r-right-zchlnj{right:0px;}
-.r-top-ipm5af{top:0px;}</style>"
-`;
diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.js b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.js
index 75a86de4e..bde49cbc7 100644
--- a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.js
@@ -1,74 +1,16 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import AppRegistry from '..';
-import ExecutionEnvironment from 'fbjs/lib/ExecutionEnvironment';
 import React from 'react';
-import ReactDOMServer from 'react-dom/server';
-import { render } from '@testing-library/react';
-import StyleSheet from '../../StyleSheet';
-import View from '../../View';
 
-const canUseDOM = ExecutionEnvironment.canUseDOM;
 const NoopComponent = () => React.createElement('div');
 
 describe('AppRegistry', () => {
-  describe('getApplication', () => {
-    beforeEach(() => {
-      ExecutionEnvironment.canUseDOM = false;
-    });
-
-    afterEach(() => {
-      ExecutionEnvironment.canUseDOM = canUseDOM;
-    });
-
-    test('does not throw when missing appParameters', () => {
-      AppRegistry.registerComponent('App', () => NoopComponent);
-      expect(() => AppRegistry.getApplication('App')).not.toThrow();
-    });
-
-    test('returns "element" and "getStyleElement"', () => {
-      AppRegistry.registerComponent('App', () => NoopComponent);
-      const { element, getStyleElement } = AppRegistry.getApplication('App', {});
-      const styleElement = ReactDOMServer.renderToStaticMarkup(getStyleElement());
-
-      expect(element).toMatchSnapshot();
-      expect(styleElement).toMatchSnapshot();
-    });
-
-    test('"getStyleElement" adds props to <style>', () => {
-      const nonce = '2Bz9RM/UHvBbmo3jK/PbYZ==';
-      AppRegistry.registerComponent('App', () => NoopComponent);
-      const { getStyleElement } = AppRegistry.getApplication('App', {});
-      const styleElement = getStyleElement({ nonce });
-      expect(styleElement.props.nonce).toBe(nonce);
-    });
-
-    test('"getStyleElement" contains style updates', () => {
-      const getApplicationStyles = (appName) => {
-        const { element, getStyleElement } = AppRegistry.getApplication(appName, {});
-        render(element);
-        return getStyleElement().props.dangerouslySetInnerHTML.__html;
-      };
-
-      // First render "RootComponent"
-      const RootComponent = () => React.createElement(View);
-      AppRegistry.registerComponent('App', () => RootComponent);
-      const first = getApplicationStyles('App');
-      expect(first).toMatchSnapshot();
-
-      // Second render "AlternativeComponent"
-      const styles = StyleSheet.create({ root: { borderWidth: 1234, backgroundColor: 'purple' } });
-      const AlternativeComponent = () => React.createElement(View, { style: styles.root });
-      AppRegistry.registerComponent('AlternativeApp', () => AlternativeComponent);
-      const second = getApplicationStyles('AlternativeApp');
-      expect(second).toMatchSnapshot();
-
-      // Third render "RootComponent" again
-      const third = getApplicationStyles('App');
-      expect(third).toEqual(second);
-    });
-  });
-
   describe('runApplication', () => {
     let rootTag;
 
@@ -117,18 +59,15 @@ describe('AppRegistry', () => {
         [
           "[stylesheet-group=\\"0\\"] {}",
           "body {margin: 0;}",
-          "body:not(.focusvisible) :focus {outline: none;}",
           "button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}",
           "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
-          "input::-webkit-search-cancel-button,input::-webkit-search-decorationinput::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
+          "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
           "[stylesheet-group=\\"1\\"] {}",
-          ".css-view-13b7bgz {align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; z-index: 0;}",
+          ".css-view-175oi2r {align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
           "[stylesheet-group=\\"2\\"] {}",
-          ".r-borderWidth-1bee2fs {border-bottom-width: 1234px; border-left-width: 1234px; border-right-width: 1234px; border-top-width: 1234px;}",
           ".r-display-xoduu5 {display: inline-flex;}",
           ".r-flex-13awgt0 {flex: 1;}",
           "[stylesheet-group=\\"2.2\\"] {}",
-          ".r-backgroundColor-aot4c7 {background-color: rgba(128,0,128,1.00);}",
           ".r-bottom-1p0dtai {bottom: 0px;}",
           ".r-left-1d2f490 {left: 0px;}",
           ".r-pointerEvents-105ug2t {pointer-events: auto !important;}",
diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js
new file mode 100644
index 000000000..1c2408fde
--- /dev/null
+++ b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js
@@ -0,0 +1,141 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import AppRegistry from '..';
+import React from 'react';
+import ReactDOMServer from 'react-dom/server';
+import StyleSheet from '../../StyleSheet';
+import View from '../../View';
+
+const NoopComponent = () => React.createElement('div');
+
+describe('AppRegistry', () => {
+  describe('getApplication', () => {
+    test('does not throw when missing appParameters', () => {
+      AppRegistry.registerComponent('App', () => NoopComponent);
+      expect(() => AppRegistry.getApplication('App')).not.toThrow();
+    });
+
+    test('returns "element" and "getStyleElement"', () => {
+      AppRegistry.registerComponent('App', () => NoopComponent);
+      const { element, getStyleElement } = AppRegistry.getApplication('App', {});
+      const styleElement = ReactDOMServer.renderToStaticMarkup(getStyleElement());
+
+      expect(element).toMatchInlineSnapshot(`
+        <AppContainer
+          rootTag={{}}
+        >
+          <NoopComponent />
+        </AppContainer>
+      `);
+      expect(styleElement).toMatchInlineSnapshot(`
+        "<style id=\\"react-native-stylesheet\\">[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}</style>"
+      `);
+    });
+
+    test('"getStyleElement" adds props to <style>', () => {
+      const nonce = '2Bz9RM/UHvBbmo3jK/PbYZ==';
+      AppRegistry.registerComponent('App', () => NoopComponent);
+      const { getStyleElement } = AppRegistry.getApplication('App', {});
+      const styleElement = getStyleElement({ nonce });
+      expect(styleElement.props.nonce).toBe(nonce);
+    });
+
+    test('"getStyleElement" contains style updates', () => {
+      const getApplicationStyles = (appName) => {
+        const { getStyleElement } = AppRegistry.getApplication(appName, {});
+        return getStyleElement().props.dangerouslySetInnerHTML.__html;
+      };
+
+      // First render "RootComponent"
+      const RootComponent = () => React.createElement(View);
+      AppRegistry.registerComponent('App', () => RootComponent);
+      const first = getApplicationStyles('App');
+      expect(first).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}"
+      `);
+
+      // Second render "AlternativeComponent"
+      const styles = StyleSheet.create({ root: { borderWidth: 1234, backgroundColor: 'purple' } });
+      const AlternativeComponent = () => React.createElement(View, { style: styles.root });
+      AppRegistry.registerComponent('AlternativeApp', () => AlternativeComponent);
+      const second = getApplicationStyles('AlternativeApp');
+      expect(second).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-borderWidth-1bee2fs{border-bottom-width:1234px;border-left-width:1234px;border-right-width:1234px;border-top-width:1234px;}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-backgroundColor-aot4c7{background-color:rgba(128,0,128,1.00);}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}"
+      `);
+
+      // Third render "RootComponent" again
+      const third = getApplicationStyles('App');
+      expect(third).toEqual(second);
+    });
+  });
+});
diff --git a/packages/react-native-web/src/exports/AppState/__tests__/index-test.js b/packages/react-native-web/src/exports/AppState/__tests__/index-test.js
index 5bd76bc72..ec9dd5478 100644
--- a/packages/react-native-web/src/exports/AppState/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/AppState/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import AppState from '..';
 
diff --git a/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap
index db2693132..c7bc9d0ba 100644
--- a/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Button/__tests__/__snapshots__/index-test.js.snap
@@ -3,7 +3,7 @@
 exports[`components/Button prop "accessibilityLabel" 1`] = `
 <div
   aria-label="accessibility label"
-  class="css-view-13b7bgz r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-backgroundColor-14sbq61 r-borderRadius-1jkafct"
+  class="css-view-175oi2r r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-backgroundColor-14sbq61 r-borderRadius-1jkafct"
   role="button"
   style="transition-duration: 0s;"
   tabindex="0"
@@ -17,7 +17,7 @@ exports[`components/Button prop "accessibilityLabel" 1`] = `
 
 exports[`components/Button prop "color" 1`] = `
 <div
-  class="css-view-13b7bgz r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-borderRadius-1jkafct"
+  class="css-view-175oi2r r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-borderRadius-1jkafct"
   role="button"
   style="transition-duration: 0s; background-color: rgb(0, 0, 255);"
   tabindex="0"
@@ -32,7 +32,7 @@ exports[`components/Button prop "color" 1`] = `
 exports[`components/Button prop "disabled" 1`] = `
 <div
   aria-disabled="true"
-  class="css-view-13b7bgz r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-borderRadius-1jkafct r-backgroundColor-11mpjr4"
+  class="css-view-175oi2r r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-borderRadius-1jkafct r-backgroundColor-11mpjr4"
   role="button"
   style="transition-duration: 0s;"
   tabindex="-1"
@@ -46,7 +46,7 @@ exports[`components/Button prop "disabled" 1`] = `
 
 exports[`components/Button prop "testID" 1`] = `
 <div
-  class="css-view-13b7bgz r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-backgroundColor-14sbq61 r-borderRadius-1jkafct"
+  class="css-view-175oi2r r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-backgroundColor-14sbq61 r-borderRadius-1jkafct"
   data-testid="123"
   role="button"
   style="transition-duration: 0s;"
@@ -61,7 +61,7 @@ exports[`components/Button prop "testID" 1`] = `
 
 exports[`components/Button prop "title" 1`] = `
 <div
-  class="css-view-13b7bgz r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-backgroundColor-14sbq61 r-borderRadius-1jkafct"
+  class="css-view-175oi2r r-transitionProperty-1i6wzkk r-userSelect-lrvibr r-cursor-1loqt21 r-touchAction-1otgn73 r-backgroundColor-14sbq61 r-borderRadius-1jkafct"
   role="button"
   style="transition-duration: 0s;"
   tabindex="0"
diff --git a/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap
index d86ef4ae2..4a47dd915 100644
--- a/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap
@@ -3,10 +3,10 @@
 exports[`CheckBox prop "accessibilityLabel" value is set 1`] = `
 <div
   aria-label="accessibility label"
-  class="css-view-13b7bgz r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-175oi2r r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
 >
   <div
-    class="css-view-13b7bgz r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-175oi2r r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-opacity-orgf3d r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -17,10 +17,10 @@ exports[`CheckBox prop "accessibilityLabel" value is set 1`] = `
 
 exports[`CheckBox prop "color" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-175oi2r r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
 >
   <div
-    class="css-view-13b7bgz r-alignItems-1awozwy r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu r-backgroundImage-rs94m5 r-backgroundRepeat-u6sd8q"
+    class="css-view-175oi2r r-alignItems-1awozwy r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu r-backgroundImage-rs94m5 r-backgroundRepeat-u6sd8q"
     style="background-color: rgb(173, 216, 230); border-top-color: rgba(173,216,230,1.00); border-right-color: rgba(173,216,230,1.00); border-bottom-color: rgba(173,216,230,1.00); border-left-color: rgba(173,216,230,1.00);"
   />
   <input
@@ -33,12 +33,12 @@ exports[`CheckBox prop "color" value is set 1`] = `
 
 exports[`CheckBox prop "dataSet" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-175oi2r r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   data-one="one"
   data-two="two"
 >
   <div
-    class="css-view-13b7bgz r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-175oi2r r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-opacity-orgf3d r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -49,11 +49,11 @@ exports[`CheckBox prop "dataSet" value is set 1`] = `
 
 exports[`CheckBox prop "nativeID" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-175oi2r r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   id="123"
 >
   <div
-    class="css-view-13b7bgz r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-175oi2r r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-opacity-orgf3d r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -64,11 +64,11 @@ exports[`CheckBox prop "nativeID" value is set 1`] = `
 
 exports[`CheckBox prop "style" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-175oi2r r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
 >
   <div
-    class="css-view-13b7bgz r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-175oi2r r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-opacity-orgf3d r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -79,11 +79,11 @@ exports[`CheckBox prop "style" value is set 1`] = `
 
 exports[`CheckBox prop "testID" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-175oi2r r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   data-testid="123"
 >
   <div
-    class="css-view-13b7bgz r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-175oi2r r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-opacity-orgf3d r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
diff --git a/packages/react-native-web/src/exports/CheckBox/__tests__/index-test.js b/packages/react-native-web/src/exports/CheckBox/__tests__/index-test.js
index ecee57950..3d7e82a20 100644
--- a/packages/react-native-web/src/exports/CheckBox/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/CheckBox/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import CheckBox from '../';
 import React from 'react';
diff --git a/packages/react-native-web/src/exports/Dimensions/__tests__/index-test.js b/packages/react-native-web/src/exports/Dimensions/__tests__/index-test.js
index 8f79e6e0c..3a14073fe 100644
--- a/packages/react-native-web/src/exports/Dimensions/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Dimensions/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import Dimensions from '..';
 
diff --git a/packages/react-native-web/src/exports/I18nManager/__tests__/index-test.js b/packages/react-native-web/src/exports/I18nManager/__tests__/index-test.js
index 8873e8f11..09a1b0630 100644
--- a/packages/react-native-web/src/exports/I18nManager/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/I18nManager/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import I18nManager from '..';
 
diff --git a/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
index cb75977de..04b41e3ef 100644
--- a/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
@@ -3,10 +3,10 @@
 exports[`components/Image prop "accessibilityLabel" 1`] = `
 <div
   aria-label="accessibilityLabel"
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -20,10 +20,10 @@ exports[`components/Image prop "accessibilityLabel" 1`] = `
 
 exports[`components/Image prop "blurRadius" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico); filter: blur(5px);"
   />
   <img
@@ -37,11 +37,11 @@ exports[`components/Image prop "blurRadius" 1`] = `
 
 exports[`components/Image prop "defaultSource" does not override "height" and "width" styles 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   style="height: 20px; width: 40px;"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -55,11 +55,11 @@ exports[`components/Image prop "defaultSource" does not override "height" and "w
 
 exports[`components/Image prop "defaultSource" sets "height" and "width" styles if missing 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   style="height: 10px; width: 20px;"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -73,10 +73,10 @@ exports[`components/Image prop "defaultSource" sets "height" and "width" styles
 
 exports[`components/Image prop "defaultSource" sets background image when value is a string 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -90,10 +90,10 @@ exports[`components/Image prop "defaultSource" sets background image when value
 
 exports[`components/Image prop "defaultSource" sets background image when value is an object 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -107,10 +107,10 @@ exports[`components/Image prop "defaultSource" sets background image when value
 
 exports[`components/Image prop "draggable" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -124,92 +124,92 @@ exports[`components/Image prop "draggable" 1`] = `
 
 exports[`components/Image prop "focusable" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   tabindex="0"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "nativeID" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   id="nativeID"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "contain" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "cover" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "none" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundSize-1sxrcry"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundSize-1sxrcry"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "repeat" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundRepeat-17leim2 r-backgroundSize-1sxrcry"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundRepeat-17leim2 r-backgroundSize-1sxrcry"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "stretch" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-x3cy2q"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-x3cy2q"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "undefined" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "source" is correctly updated only when loaded if defaultSource provided 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://testing.com/preview.jpg);"
   />
   <img
@@ -223,10 +223,10 @@ exports[`components/Image prop "source" is correctly updated only when loaded if
 
 exports[`components/Image prop "source" is correctly updated only when loaded if defaultSource provided 2`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://testing.com/fullSize.jpg);"
   />
   <img
@@ -240,10 +240,10 @@ exports[`components/Image prop "source" is correctly updated only when loaded if
 
 exports[`components/Image prop "source" is correctly updated when missing in initial render 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://testing.com/img.jpg);"
   />
   <img
@@ -257,10 +257,10 @@ exports[`components/Image prop "source" is correctly updated when missing in ini
 
 exports[`components/Image prop "source" is not set immediately if the image has not already been loaded 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -274,10 +274,10 @@ exports[`components/Image prop "source" is not set immediately if the image has
 
 exports[`components/Image prop "source" is set immediately if the image has already been loaded 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -291,10 +291,10 @@ exports[`components/Image prop "source" is set immediately if the image has alre
 
 exports[`components/Image prop "source" is set immediately if the image has already been loaded 2`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://twitter.com/favicon.ico);"
   />
   <img
@@ -308,10 +308,10 @@ exports[`components/Image prop "source" is set immediately if the image has alre
 
 exports[`components/Image prop "source" is set immediately if the image was preloaded 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://yahoo.com/favicon.ico);"
   />
   <img
@@ -325,10 +325,10 @@ exports[`components/Image prop "source" is set immediately if the image was prel
 
 exports[`components/Image prop "style" removes other unsupported View styles 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="filter: url(#tint-57);"
   />
   <svg
@@ -353,20 +353,20 @@ exports[`components/Image prop "style" removes other unsupported View styles 1`]
 
 exports[`components/Image prop "style" supports "resizeMode" property 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
   />
 </div>
 `;
 
 exports[`components/Image prop "style" supports "shadow" properties (convert to filter) 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="filter: drop-shadow(1px 1px 0px rgba(255,0,0,1.00));"
   />
 </div>
@@ -374,10 +374,10 @@ exports[`components/Image prop "style" supports "shadow" properties (convert to
 
 exports[`components/Image prop "style" supports "tintcolor" property (convert to filter) 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico); filter: url(#tint-56);"
   />
   <img
@@ -408,11 +408,11 @@ exports[`components/Image prop "style" supports "tintcolor" property (convert to
 
 exports[`components/Image prop "testID" 1`] = `
 <div
-  class="css-view-13b7bgz r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   data-testid="testID"
 >
   <div
-    class="css-view-13b7bgz r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
diff --git a/packages/react-native-web/src/exports/Image/__tests__/index-test.js b/packages/react-native-web/src/exports/Image/__tests__/index-test.js
index a08bad565..45196b864 100644
--- a/packages/react-native-web/src/exports/Image/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Image/__tests__/index-test.js
@@ -1,4 +1,10 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /* eslint-disable react/jsx-no-bind */
 
 import { act } from 'react-dom/test-utils';
diff --git a/packages/react-native-web/src/exports/Image/index.js b/packages/react-native-web/src/exports/Image/index.js
index 629aec557..3297388a6 100644
--- a/packages/react-native-web/src/exports/Image/index.js
+++ b/packages/react-native-web/src/exports/Image/index.js
@@ -13,7 +13,7 @@ import type { ImageProps } from './types';
 import * as React from 'react';
 import createElement from '../createElement';
 import { getAssetByID } from '../../modules/AssetRegistry';
-import { createBoxShadowValue } from '../StyleSheet/compiler/createReactDOMStyle';
+import { createBoxShadowValue } from '../StyleSheet/compiler/preprocess';
 import ImageLoader from '../../modules/ImageLoader';
 import PixelRatio from '../PixelRatio';
 import StyleSheet from '../StyleSheet';
diff --git a/packages/react-native-web/src/exports/ImageBackground/__tests__/index.js b/packages/react-native-web/src/exports/ImageBackground/__tests__/index-test.js
similarity index 87%
rename from packages/react-native-web/src/exports/ImageBackground/__tests__/index.js
rename to packages/react-native-web/src/exports/ImageBackground/__tests__/index-test.js
index c0e1bb2f4..62330d739 100644
--- a/packages/react-native-web/src/exports/ImageBackground/__tests__/index.js
+++ b/packages/react-native-web/src/exports/ImageBackground/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import ImageBackground from '..';
 import React from 'react';
diff --git a/packages/react-native-web/src/exports/Modal/ModalContent.js b/packages/react-native-web/src/exports/Modal/ModalContent.js
index ee11e7af8..e06e8b4a1 100644
--- a/packages/react-native-web/src/exports/Modal/ModalContent.js
+++ b/packages/react-native-web/src/exports/Modal/ModalContent.js
@@ -46,7 +46,12 @@ const ModalContent: React.AbstractComponent<
   }, [transparent]);
 
   return (
-    <View accessibilityRole={active ? 'dialog' : null} aria-modal ref={forwardedRef} style={style}>
+    <View
+      accessibilityModal={true}
+      accessibilityRole={active ? 'dialog' : null}
+      ref={forwardedRef}
+      style={style}
+    >
       <View style={styles.container}>{children}</View>
     </View>
   );
diff --git a/packages/react-native-web/src/exports/Modal/__tests__/index.js b/packages/react-native-web/src/exports/Modal/__tests__/index-test.js
similarity index 99%
rename from packages/react-native-web/src/exports/Modal/__tests__/index.js
rename to packages/react-native-web/src/exports/Modal/__tests__/index-test.js
index ea1e4fbac..c2b7f9347 100644
--- a/packages/react-native-web/src/exports/Modal/__tests__/index.js
+++ b/packages/react-native-web/src/exports/Modal/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import Modal from '..';
 import React from 'react';
diff --git a/packages/react-native-web/src/exports/Picker/__tests__/index-test.js b/packages/react-native-web/src/exports/Picker/__tests__/index-test.js
index 44dd6a1be..c16aba5f6 100644
--- a/packages/react-native-web/src/exports/Picker/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Picker/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import React from 'react';
 import { render } from '@testing-library/react';
diff --git a/packages/react-native-web/src/exports/Platform/__tests__/index-test.js b/packages/react-native-web/src/exports/Platform/__tests__/index-test.js
index a2b34dfe3..c316b6cf7 100644
--- a/packages/react-native-web/src/exports/Platform/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Platform/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import Platform from '../';
 
diff --git a/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap
index f99ba750b..ac13d8ea6 100644
--- a/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap
@@ -2,21 +2,21 @@
 
 exports[`components/Pressable default 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable focus interaction 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable focus interaction 2`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: focus-ring;"
   tabindex="0"
 >
@@ -28,7 +28,7 @@ exports[`components/Pressable focus interaction 2`] = `
 
 exports[`components/Pressable focus interaction 3`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style=""
   tabindex="0"
 />
@@ -36,14 +36,14 @@ exports[`components/Pressable focus interaction 3`] = `
 
 exports[`components/Pressable hover interaction 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable hover interaction 2`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: hover-ring;"
   tabindex="0"
 >
@@ -55,7 +55,7 @@ exports[`components/Pressable hover interaction 2`] = `
 
 exports[`components/Pressable hover interaction 3`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style=""
   tabindex="0"
 />
@@ -63,14 +63,14 @@ exports[`components/Pressable hover interaction 3`] = `
 
 exports[`components/Pressable press interaction (keyboard) 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable press interaction (keyboard) 2`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: press-ring;"
   tabindex="0"
 >
@@ -84,14 +84,14 @@ exports[`components/Pressable press interaction (keyboard) 3`] = `null`;
 
 exports[`components/Pressable press interaction (pointer) 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable press interaction (pointer) 2`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: press-ring;"
   tabindex="0"
 >
@@ -103,7 +103,7 @@ exports[`components/Pressable press interaction (pointer) 2`] = `
 
 exports[`components/Pressable press interaction (pointer) 3`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style=""
   tabindex="0"
 />
@@ -112,7 +112,7 @@ exports[`components/Pressable press interaction (pointer) 3`] = `
 exports[`components/Pressable prop "accessibilityLabel" value is set 1`] = `
 <div
   aria-label="label"
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
@@ -120,14 +120,14 @@ exports[`components/Pressable prop "accessibilityLabel" value is set 1`] = `
 exports[`components/Pressable prop "accessibilityLiveRegion" value is set 1`] = `
 <div
   aria-live="polite"
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable prop "accessibilityRole" value alters HTML element 1`] = `
 <article
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   role="article"
   tabindex="0"
 />
@@ -135,7 +135,7 @@ exports[`components/Pressable prop "accessibilityRole" value alters HTML element
 
 exports[`components/Pressable prop "accessibilityRole" value is "button" 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   role="button"
   tabindex="0"
 />
@@ -143,7 +143,7 @@ exports[`components/Pressable prop "accessibilityRole" value is "button" 1`] = `
 
 exports[`components/Pressable prop "accessibilityRole" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   role="presentation"
   tabindex="0"
 />
@@ -152,21 +152,21 @@ exports[`components/Pressable prop "accessibilityRole" value is set 1`] = `
 exports[`components/Pressable prop "disabled" 1`] = `
 <div
   aria-disabled="true"
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   tabindex="-1"
 />
 `;
 
 exports[`components/Pressable prop "href" 1`] = `
 <a
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   href="#href"
 />
 `;
 
 exports[`components/Pressable prop "nativeID" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   id="nativeID"
   tabindex="0"
 />
@@ -174,14 +174,14 @@ exports[`components/Pressable prop "nativeID" value is set 1`] = `
 
 exports[`components/Pressable prop "pointerEvents" 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73 r-pointerEvents-ah5dr5"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73 r-pointerEvents-ah5dr5"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable prop "style" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
   tabindex="0"
 />
@@ -189,7 +189,7 @@ exports[`components/Pressable prop "style" value is set 1`] = `
 
 exports[`components/Pressable prop "testID" value is set 1`] = `
 <div
-  class="css-view-13b7bgz r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
   data-testid="123"
   tabindex="0"
 />
diff --git a/packages/react-native-web/src/exports/Pressable/__tests__/index-test.js b/packages/react-native-web/src/exports/Pressable/__tests__/index-test.js
index b9a4a2d8d..484333f51 100644
--- a/packages/react-native-web/src/exports/Pressable/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Pressable/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import React from 'react';
 import Pressable from '../';
diff --git a/packages/react-native-web/src/exports/ProgressBar/__tests__/index-test.js b/packages/react-native-web/src/exports/ProgressBar/__tests__/index-test.js
index db0d77cd6..8ddc69702 100644
--- a/packages/react-native-web/src/exports/ProgressBar/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/ProgressBar/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import React from 'react';
 import { render } from '@testing-library/react';
diff --git a/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap
index 725f92a55..a3a526cec 100644
--- a/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap
@@ -5,11 +5,11 @@ exports[`components/ScrollView prop "refreshControl" with 1`] = `
   id="refresh-control"
 >
   <div
-    class="css-view-13b7bgz r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
+    class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
     style="background-color: rgb(255, 0, 0);"
   >
     <div
-      class="css-view-13b7bgz"
+      class="css-view-175oi2r"
     />
   </div>
 </div>
@@ -17,11 +17,11 @@ exports[`components/ScrollView prop "refreshControl" with 1`] = `
 
 exports[`components/ScrollView prop "refreshControl" without 1`] = `
 <div
-  class="css-view-13b7bgz r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
+  class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-1sncvnh"
   style="background-color: rgb(255, 0, 0);"
 >
   <div
-    class="css-view-13b7bgz"
+    class="css-view-175oi2r"
   />
 </div>
 `;
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/index-test.js.snap
deleted file mode 100644
index ac6a7cdb4..000000000
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/index-test.js.snap
+++ /dev/null
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StyleSheet getSheet 1`] = `
-{
-  "id": "react-native-stylesheet",
-  "textContent": "[stylesheet-group=\\"0\\"] {}
-body {margin: 0;}
-body:not(.focusvisible) :focus {outline: none;}
-button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
-html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
-input::-webkit-search-cancel-button,input::-webkit-search-decorationinput::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}
-[stylesheet-group=\\"2.2\\"]{}
-.r-bottom-1p0dtai{bottom:0px;}
-.r-left-1d2f490{left:0px;}
-.r-position-u8s1d{position:absolute;}
-.r-right-zchlnj{right:0px;}
-.r-top-ipm5af{top:0px;}",
-}
-`;
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js
index 2d63cbe91..143d681ee 100644
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import createReactDOMStyle from '../compiler/createReactDOMStyle';
 
@@ -186,106 +191,6 @@ describe('compiler/createReactDOMStyle', () => {
     });
   });
 
-  describe('preprocesses multiple shadow styles into a single declaration', () => {
-    test('shadowColor only', () => {
-      const style = { shadowColor: 'red' };
-      const resolved = createReactDOMStyle(style);
-
-      expect(resolved).toEqual({
-        boxShadow: '0px 0px 0px rgba(255,0,0,1.00)'
-      });
-    });
-
-    test('shadowColor and shadowOpacity only', () => {
-      expect(createReactDOMStyle({ shadowColor: 'red', shadowOpacity: 0.5 })).toEqual({
-        boxShadow: '0px 0px 0px rgba(255,0,0,0.50)'
-      });
-    });
-
-    test('shadowOffset only', () => {
-      expect(createReactDOMStyle({ shadowOffset: { width: 1, height: 2 } })).toEqual({
-        boxShadow: '1px 2px 0px rgba(0,0,0,1.00)'
-      });
-    });
-
-    test('shadowRadius only', () => {
-      expect(createReactDOMStyle({ shadowRadius: 5 })).toEqual({
-        boxShadow: '0px 0px 5px rgba(0,0,0,1.00)'
-      });
-    });
-
-    test('shadowOffset, shadowRadius, shadowColor', () => {
-      expect(
-        createReactDOMStyle({
-          shadowColor: 'rgba(50,60,70,0.5)',
-          shadowOffset: { width: 1, height: 2 },
-          shadowOpacity: 0.5,
-          shadowRadius: 3
-        })
-      ).toEqual({
-        boxShadow: '1px 2px 3px rgba(50,60,70,0.25)'
-      });
-    });
-  });
-
-  describe('preprocesses multiple textShadow styles into a single declaration', () => {
-    test('textShadowColor only', () => {
-      expect(createReactDOMStyle({ textShadowColor: 'red' })).toEqual({});
-    });
-
-    test('textShadowOffset only', () => {
-      expect(createReactDOMStyle({ textShadowOffset: { width: 1, height: 2 } })).toEqual({});
-    });
-
-    test('textShadowRadius only', () => {
-      expect(createReactDOMStyle({ textShadowRadius: 5 })).toEqual({});
-    });
-
-    test('textShadowColor and textShadowOffset only', () => {
-      expect(
-        createReactDOMStyle({
-          textShadowColor: 'red',
-          textShadowOffset: { width: 0, height: 0 }
-        })
-      ).toEqual({});
-      expect(
-        createReactDOMStyle({
-          textShadowColor: 'red',
-          textShadowOffset: { width: -1, height: 0 }
-        })
-      ).toEqual({
-        textShadow: '-1px 0px 0px rgba(255,0,0,1.00)'
-      });
-      expect(
-        createReactDOMStyle({
-          textShadowColor: 'red',
-          textShadowOffset: { width: 1, height: 2 }
-        })
-      ).toEqual({
-        textShadow: '1px 2px 0px rgba(255,0,0,1.00)'
-      });
-    });
-
-    test('textShadowColor and textShadowRadius only', () => {
-      expect(createReactDOMStyle({ textShadowColor: 'red', textShadowRadius: 0 })).toEqual({});
-      expect(createReactDOMStyle({ textShadowColor: 'red', textShadowRadius: 5 })).toEqual({
-        textShadow: '0px 0px 5px rgba(255,0,0,1.00)'
-      });
-    });
-
-    test('textShadowColor, textShadowOffset, textShadowRadius', () => {
-      expect(
-        createReactDOMStyle({
-          textShadowColor: 'rgba(50,60,70,0.50)',
-          textShadowOffset: { width: 5, height: 10 },
-          textShadowRadius: 15
-        })
-      ).toEqual({
-        textShadow: '5px 10px 15px rgba(50,60,70,0.50)'
-      });
-    });
-  });
-
   test('textAlignVertical', () => {
     expect(
       createReactDOMStyle({
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-logicalStylePolyfill-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-logicalStylePolyfill-test.js
deleted file mode 100644
index 0cefcf384..000000000
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-logicalStylePolyfill-test.js
+++ /dev/null
@@ -1,147 +0,0 @@
-/* eslint-env jasmine, jest */
-
-import logicalStylePolyfill from '../compiler/logicalStylePolyfill';
-
-describe('StyleSheet/logicalStylePolyfill', () => {
-  describe('isRTL is false', () => {
-    test('converts end/start properties', () => {
-      const initial = {
-        borderStartColor: 'red',
-        start: 1,
-        marginStart: 5,
-        paddingEnd: 10
-      };
-      const expected = {
-        borderLeftColor: 'red',
-        left: 1,
-        marginLeft: 5,
-        paddingRight: 10
-      };
-      expect(logicalStylePolyfill(initial)).toEqual(expected);
-    });
-
-    test('converts end/start values', () => {
-      const initial = {
-        float: 'start',
-        textAlign: 'end',
-        transitionProperty: 'marginStart'
-      };
-      const expected = {
-        float: 'left',
-        textAlign: 'right',
-        transitionProperty: 'marginLeft'
-      };
-      expect(logicalStylePolyfill(initial)).toEqual(expected);
-    });
-
-    test('noop on left/right properties', () => {
-      const initial = {
-        paddingLeft: 0,
-        left: 0,
-        marginRight: 0,
-        paddingRight: 10
-      };
-      expect(logicalStylePolyfill(initial)).toEqual(initial);
-    });
-
-    test('noop on left/right values', () => {
-      const initial = {
-        clear: 'left',
-        float: 'left',
-        textAlign: 'right',
-        textShadowOffset: { width: '1rem', height: 10 },
-        transitionProperty: 'marginLeft'
-      };
-      expect(logicalStylePolyfill(initial)).toEqual(initial);
-    });
-
-    test('end/start properties take precedence', () => {
-      const initial = {
-        borderStartWidth: 10,
-        borderLeftWidth: 0,
-        end: 10,
-        right: 0,
-        marginStart: 10,
-        marginLeft: 0
-      };
-      const expected = {
-        borderLeftWidth: 10,
-        marginLeft: 10,
-        right: 10
-      };
-      expect(logicalStylePolyfill(initial)).toEqual(expected);
-    });
-  });
-
-  describe('isRTL is true', () => {
-    const isRTL = true;
-
-    test('converts end/start properties', () => {
-      const initial = {
-        borderStartColor: 'red',
-        start: 1,
-        marginStart: 5,
-        paddingEnd: 10
-      };
-      const expected = {
-        borderRightColor: 'red',
-        right: 1,
-        marginRight: 5,
-        paddingLeft: 10
-      };
-      expect(logicalStylePolyfill(initial, isRTL)).toEqual(expected);
-    });
-
-    test('converts end/start values', () => {
-      const initial = {
-        float: 'start',
-        textAlign: 'end',
-        transitionProperty: 'marginStart'
-      };
-      const expected = {
-        float: 'right',
-        textAlign: 'left',
-        transitionProperty: 'marginRight'
-      };
-      expect(logicalStylePolyfill(initial, isRTL)).toEqual(expected);
-    });
-
-    test('noop on left/right properties', () => {
-      const initial = {
-        paddingLeft: 0,
-        left: 0,
-        marginRight: 0,
-        paddingRight: 10
-      };
-      expect(logicalStylePolyfill(initial, isRTL)).toEqual(initial);
-    });
-
-    test('noop on left/right values', () => {
-      const initial = {
-        clear: 'left',
-        float: 'left',
-        textAlign: 'right',
-        textShadowOffset: { width: '1rem', height: 10 },
-        transitionProperty: 'marginLeft'
-      };
-      expect(logicalStylePolyfill(initial, isRTL)).toEqual(initial);
-    });
-
-    test('end/start properties take precedence', () => {
-      const style = {
-        borderStartWidth: 10,
-        borderRightWidth: 0,
-        end: 10,
-        left: 0,
-        marginStart: 10,
-        marginRight: 0
-      };
-      const expected = {
-        borderRightWidth: 10,
-        marginRight: 10,
-        left: 10
-      };
-      expect(logicalStylePolyfill(style, isRTL)).toEqual(expected);
-    });
-  });
-});
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-preprocess-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-preprocess-test.js
new file mode 100644
index 000000000..2a3eb440d
--- /dev/null
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-preprocess-test.js
@@ -0,0 +1,294 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import preprocess from '../compiler/preprocess';
+
+describe('StyleSheet/preprocess', () => {
+  describe('logical style polyfill', () => {
+    [false, true].forEach((isRTL) => {
+      const dir = isRTL ? 'rtl' : 'ltr';
+
+      test(`ignores "left" properties for ${dir}`, () => {
+        const initial = {
+          borderLeftColor: 'red',
+          borderLeftStyle: 'solid',
+          borderLeftWidth: 1,
+          left: 1,
+          marginLeft: 5,
+          paddingLeft: 10
+        };
+        expect(preprocess(initial, isRTL)).toEqual(initial);
+      });
+
+      test(`ignores "right" properties for ${dir}`, () => {
+        const initial = {
+          borderRightColor: 'red',
+          borderRightStyle: 'solid',
+          borderRightWidth: 1,
+          right: 1,
+          marginRight: 5,
+          paddingRight: 10
+        };
+        expect(preprocess(initial, isRTL)).toEqual(initial);
+      });
+
+      test(`ignores "left" values for ${dir}`, () => {
+        const initial = {
+          clear: 'left',
+          float: 'left',
+          textAlign: 'left',
+          transitionProperty: 'left'
+        };
+        expect(preprocess(initial, isRTL)).toEqual(initial);
+      });
+
+      test(`ignores "right" values for ${dir}`, () => {
+        const initial = {
+          clear: 'right',
+          float: 'right',
+          textAlign: 'right',
+          transitionProperty: 'right'
+        };
+        expect(preprocess(initial, isRTL)).toEqual(initial);
+      });
+
+      test(`converts "start" properties for ${dir}`, () => {
+        const initial = {
+          borderStartColor: 'red',
+          borderStartStyle: 'solid',
+          borderStartWidth: 1,
+          start: 1,
+          marginStart: 5,
+          paddingStart: 10
+        };
+
+        const expectedLTR = {
+          borderLeftColor: 'red',
+          borderLeftStyle: 'solid',
+          borderLeftWidth: 1,
+          left: 1,
+          marginLeft: 5,
+          paddingLeft: 10
+        };
+        const expectedRTL = {
+          borderRightColor: 'red',
+          borderRightStyle: 'solid',
+          borderRightWidth: 1,
+          right: 1,
+          marginRight: 5,
+          paddingRight: 10
+        };
+        expect(preprocess(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+      });
+
+      test(`converts "end" properties for ${dir}`, () => {
+        const initial = {
+          borderEndColor: 'red',
+          borderEndStyle: 'solid',
+          borderEndWidth: 1,
+          end: 1,
+          marginEnd: 5,
+          paddingEnd: 10
+        };
+
+        const expectedLTR = {
+          borderRightColor: 'red',
+          borderRightStyle: 'solid',
+          borderRightWidth: 1,
+          right: 1,
+          marginRight: 5,
+          paddingRight: 10
+        };
+        const expectedRTL = {
+          borderLeftColor: 'red',
+          borderLeftStyle: 'solid',
+          borderLeftWidth: 1,
+          left: 1,
+          marginLeft: 5,
+          paddingLeft: 10
+        };
+        expect(preprocess(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+      });
+
+      test(`converts "start" values for ${dir}`, () => {
+        const initial = {
+          clear: 'start',
+          float: 'start',
+          textAlign: 'start',
+          transitionProperty: 'start'
+        };
+
+        const expectedLTR = {
+          clear: 'left',
+          float: 'left',
+          textAlign: 'left',
+          transitionProperty: 'left'
+        };
+        const expectedRTL = {
+          clear: 'right',
+          float: 'right',
+          textAlign: 'right',
+          transitionProperty: 'right'
+        };
+        expect(preprocess(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+      });
+
+      test(`converts "end" values for ${dir}`, () => {
+        const initial = {
+          clear: 'end',
+          float: 'end',
+          textAlign: 'end',
+          transitionProperty: 'end'
+        };
+
+        const expectedLTR = {
+          clear: 'right',
+          float: 'right',
+          textAlign: 'right',
+          transitionProperty: 'right'
+        };
+        const expectedRTL = {
+          clear: 'left',
+          float: 'left',
+          textAlign: 'left',
+          transitionProperty: 'left'
+        };
+        expect(preprocess(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+      });
+
+      test('end/start properties take precedence over left/right', () => {
+        const initialLTR = {
+          borderStartWidth: 10,
+          borderLeftWidth: 0,
+          end: 10,
+          right: 0,
+          marginStart: 10,
+          marginLeft: 0
+        };
+        const expectedLTR = {
+          borderLeftWidth: 10,
+          marginLeft: 10,
+          right: 10
+        };
+
+        const initialRTL = {
+          borderStartWidth: 10,
+          borderRightWidth: 0,
+          end: 10,
+          left: 0,
+          marginStart: 10,
+          marginRight: 0
+        };
+        const expectedRTL = {
+          borderRightWidth: 10,
+          marginRight: 10,
+          left: 10
+        };
+        expect(preprocess(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(
+          isRTL ? expectedRTL : expectedLTR
+        );
+      });
+    });
+  });
+
+  describe('preprocesses multiple shadow styles into a single declaration', () => {
+    test('shadowColor only', () => {
+      expect(preprocess({ shadowColor: 'red' })).toEqual({
+        boxShadow: '0px 0px 0px rgba(255,0,0,1.00)'
+      });
+    });
+
+    test('shadowColor and shadowOpacity only', () => {
+      expect(preprocess({ shadowColor: 'red', shadowOpacity: 0.5 })).toEqual({
+        boxShadow: '0px 0px 0px rgba(255,0,0,0.50)'
+      });
+    });
+
+    test('shadowOffset only', () => {
+      expect(preprocess({ shadowOffset: { width: 1, height: 2 } })).toEqual({
+        boxShadow: '1px 2px 0px rgba(0,0,0,1.00)'
+      });
+    });
+
+    test('shadowRadius only', () => {
+      expect(preprocess({ shadowRadius: 5 })).toEqual({
+        boxShadow: '0px 0px 5px rgba(0,0,0,1.00)'
+      });
+    });
+
+    test('shadowOffset, shadowRadius, shadowColor', () => {
+      expect(
+        preprocess({
+          shadowColor: 'rgba(50,60,70,0.5)',
+          shadowOffset: { width: 1, height: 2 },
+          shadowOpacity: 0.5,
+          shadowRadius: 3
+        })
+      ).toEqual({
+        boxShadow: '1px 2px 3px rgba(50,60,70,0.25)'
+      });
+    });
+  });
+
+  describe('preprocesses multiple textShadow styles into a single declaration', () => {
+    test('textShadowColor only', () => {
+      expect(preprocess({ textShadowColor: 'red' })).toEqual({});
+    });
+
+    test('textShadowOffset only', () => {
+      expect(preprocess({ textShadowOffset: { width: 1, height: 2 } })).toEqual({});
+    });
+
+    test('textShadowRadius only', () => {
+      expect(preprocess({ textShadowRadius: 5 })).toEqual({});
+    });
+
+    test('textShadowColor and textShadowOffset only', () => {
+      expect(
+        preprocess({
+          textShadowColor: 'red',
+          textShadowOffset: { width: 0, height: 0 }
+        })
+      ).toEqual({});
+      expect(
+        preprocess({
+          textShadowColor: 'red',
+          textShadowOffset: { width: -1, height: 0 }
+        })
+      ).toEqual({
+        textShadow: '-1px 0px 0px rgba(255,0,0,1.00)'
+      });
+      expect(
+        preprocess({
+          textShadowColor: 'red',
+          textShadowOffset: { width: 1, height: 2 }
+        })
+      ).toEqual({
+        textShadow: '1px 2px 0px rgba(255,0,0,1.00)'
+      });
+    });
+
+    test('textShadowColor and textShadowRadius only', () => {
+      expect(preprocess({ textShadowColor: 'red', textShadowRadius: 0 })).toEqual({});
+      expect(preprocess({ textShadowColor: 'red', textShadowRadius: 5 })).toEqual({
+        textShadow: '0px 0px 5px rgba(255,0,0,1.00)'
+      });
+    });
+
+    test('textShadowColor, textShadowOffset, textShadowRadius', () => {
+      expect(
+        preprocess({
+          textShadowColor: 'rgba(50,60,70,0.50)',
+          textShadowOffset: { width: 5, height: 10 },
+          textShadowRadius: 15
+        })
+      ).toEqual({
+        textShadow: '5px 10px 15px rgba(50,60,70,0.50)'
+      });
+    });
+  });
+});
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-test.js
index 3cc7f2088..10956da9a 100644
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-test.js
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/compiler-test.js
@@ -1,6 +1,9 @@
-/* eslint-env jasmine, jest */
-
-'use strict';
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import { atomic, classic, inline } from '../compiler';
 
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js
index e0b212f9b..98c5b1291 100644
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js
@@ -1,6 +1,9 @@
-/* eslint-env jasmine, jest */
-
-'use strict';
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import createOrderedCSSStyleSheet from '../dom/createOrderedCSSStyleSheet';
 
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.js
index 2d76bb81a..533b2b8c7 100644
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.js
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.js
@@ -1,30 +1,13 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-'use strict';
-
-import ExecutionEnvironment from 'fbjs/lib/ExecutionEnvironment';
 import { createSheet } from '../dom';
 
 describe('createSheet', () => {
-  describe('server', () => {
-    const canUseDOM = ExecutionEnvironment.canUseDOM;
-
-    beforeEach(() => {
-      ExecutionEnvironment.canUseDOM = false;
-    });
-
-    afterEach(() => {
-      ExecutionEnvironment.canUseDOM = canUseDOM;
-    });
-
-    test('creates a sheet on the server', () => {
-      const sheet = createSheet();
-      expect(sheet.id).toMatchInlineSnapshot(`"react-native-stylesheet"`);
-      expect(typeof sheet.getTextContent()).toBe('string');
-      expect(typeof sheet.insert).toBe('function');
-    });
-  });
-
   test('creates a sheet on the client', () => {
     const sheet = createSheet();
     expect(sheet.id).toMatchInlineSnapshot(`"react-native-stylesheet"`);
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.node.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.node.js
new file mode 100644
index 000000000..56d7a9f56
--- /dev/null
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/dom-test.node.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { createSheet } from '../dom';
+
+describe('createSheet', () => {
+  test('creates a sheet on the server', () => {
+    const sheet = createSheet();
+    expect(typeof sheet.insert).toBe('function');
+    expect(sheet.id).toMatchInlineSnapshot(`"react-native-stylesheet"`);
+    expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      "[stylesheet-group=\\"0\\"]{}
+      body{margin:0;}
+      button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+      html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+      input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}"
+    `);
+
+    sheet.insert('.test { opacity: 0 }', 1);
+    expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      "[stylesheet-group=\\"0\\"]{}
+      body{margin:0;}
+      button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+      html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+      input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+      [stylesheet-group=\\"1\\"]{}
+      .test { opacity: 0 }"
+    `);
+  });
+});
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/index-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/index-test.js
index 04429bc47..31605619e 100644
--- a/packages/react-native-web/src/exports/StyleSheet/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/index-test.js
@@ -1,8 +1,33 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import StyleSheet from '../index';
 
 describe('StyleSheet', () => {
+  // test this first because subsequent 'create' calls will change the snapshot
+  test('getSheet', () => {
+    expect(StyleSheet.getSheet()).toMatchInlineSnapshot(`
+      {
+        "id": "react-native-stylesheet",
+        "textContent": "[stylesheet-group=\\"0\\"]{}
+      body{margin:0;}
+      button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+      html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+      input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+      [stylesheet-group=\\"2.2\\"]{}
+      .r-bottom-1p0dtai{bottom:0px;}
+      .r-left-1d2f490{left:0px;}
+      .r-position-u8s1d{position:absolute;}
+      .r-right-zchlnj{right:0px;}
+      .r-top-ipm5af{top:0px;}",
+      }
+    `);
+  });
+
   test('absoluteFill', () => {
     expect(StyleSheet.absoluteFill).toMatchInlineSnapshot(`
       {
@@ -52,6 +77,26 @@ describe('StyleSheet', () => {
         ]
       `);
     });
+
+    test('e2e flattens shadow style properties', () => {
+      const style = StyleSheet.create({
+        root: {
+          shadowColor: 'rgba(50,60,70,0.5)',
+          shadowOffset: { width: 1, height: 2 },
+          shadowOpacity: 0.5,
+          shadowRadius: 3,
+          textShadowColor: 'rgba(50,60,70,0.50)',
+          textShadowOffset: { width: 5, height: 10 },
+          textShadowRadius: 15
+        }
+      });
+      expect(StyleSheet(style.root)).toMatchInlineSnapshot(`
+        [
+          "r-boxShadow-o3ayyy r-textShadow-1x2q051",
+          null,
+        ]
+      `);
+    });
   });
 
   describe('flatten', () => {
@@ -105,10 +150,6 @@ describe('StyleSheet', () => {
     });
   });
 
-  test('getSheet', () => {
-    expect(StyleSheet.getSheet()).toMatchSnapshot();
-  });
-
   test('hairlineWidth', () => {
     expect(Number.isInteger(StyleSheet.hairlineWidth) === true).toBeTruthy();
   });
diff --git a/packages/react-native-web/src/exports/StyleSheet/__tests__/validate-test.js b/packages/react-native-web/src/exports/StyleSheet/__tests__/validate-test.js
new file mode 100644
index 000000000..6c24fee16
--- /dev/null
+++ b/packages/react-native-web/src/exports/StyleSheet/__tests__/validate-test.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { validate } from '../validate';
+
+describe('validate', () => {
+  beforeAll(() => {
+    jest.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterAll(() => {
+    console.error.mockRestore();
+  });
+  afterEach(() => {
+    console.error.mockClear();
+  });
+
+  test('invalid shortform properties', () => {
+    validate({ background: 'red' });
+    validate({ font: 'arial' });
+    validate({ borderTop: '1px solid red' });
+    expect(console.error).toHaveBeenCalled();
+  });
+
+  test('valid shortform values', () => {
+    validate({ flex: 1 });
+    validate({ margin: 10 });
+    validate({ margin: 'calc(10 * 1px)' });
+    validate({ margin: 'calc(10 * calc(10 * 1px))' });
+    expect(console.error).not.toHaveBeenCalled();
+  });
+
+  test('invalid shortform multi-values', () => {
+    validate({ flex: '1 1 25%' });
+    validate({ margin: '10px 20px' });
+    validate({ margin: 'calc(10 * 1px) var(--test)' });
+    expect(console.error).toHaveBeenCalledTimes(3);
+  });
+});
diff --git a/packages/react-native-web/src/exports/StyleSheet/compiler/constants.js b/packages/react-native-web/src/exports/StyleSheet/compiler/constants.js
deleted file mode 100644
index 604a577d7..000000000
--- a/packages/react-native-web/src/exports/StyleSheet/compiler/constants.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- */
-
-export const STYLE_GROUPS = {
-  reset: 0,
-  classic: 1,
-  atomic: 2.2,
-  custom: {
-    borderColor: 2,
-    borderRadius: 2,
-    borderStyle: 2,
-    borderWidth: 2,
-    display: 2,
-    flex: 2,
-    margin: 2,
-    overflow: 2,
-    overscrollBehavior: 2,
-    padding: 2,
-
-    marginHorizontal: 2.1,
-    marginVertical: 2.1,
-    paddingHorizontal: 2.1,
-    paddingVertical: 2.1
-  }
-};
-
-export const MONOSPACE_FONT_STACK = 'monospace,monospace';
-export const SYSTEM_FONT_STACK =
-  '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
diff --git a/packages/react-native-web/src/exports/StyleSheet/compiler/createReactDOMStyle.js b/packages/react-native-web/src/exports/StyleSheet/compiler/createReactDOMStyle.js
index 562edae70..9700572b2 100644
--- a/packages/react-native-web/src/exports/StyleSheet/compiler/createReactDOMStyle.js
+++ b/packages/react-native-web/src/exports/StyleSheet/compiler/createReactDOMStyle.js
@@ -4,14 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @noflow
+ * @flow
  */
 
 import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';
-import { MONOSPACE_FONT_STACK, SYSTEM_FONT_STACK } from './constants';
-import normalizeColor from './normalizeColor';
 import normalizeValueWithProperty from './normalizeValueWithProperty';
 
+type Style = { [key: string]: any };
+
 /**
  * The browser implements the CSS cascade, where the order of properties is a
  * factor in determining which styles to paint. React Native is different. It
@@ -36,16 +36,14 @@ const ignoredProps = {
   elevation: true,
   overlayColor: true,
   resizeMode: true,
-  shadowColor: true,
-  shadowOffset: true,
-  shadowOpacity: true,
-  shadowRadius: true,
-  textShadowColor: true,
-  textShadowOffset: true,
-  textShadowRadius: true,
   tintColor: true
 };
 
+const MONOSPACE_FONT_STACK = 'monospace,monospace';
+
+const SYSTEM_FONT_STACK =
+  '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
+
 const STYLE_SHORT_FORM_EXPANSIONS = {
   borderColor: ['borderTopColor', 'borderRightColor', 'borderBottomColor', 'borderLeftColor'],
   borderRadius: [
@@ -64,44 +62,6 @@ const STYLE_SHORT_FORM_EXPANSIONS = {
   paddingVertical: ['paddingTop', 'paddingBottom']
 };
 
-/**
- * Shadow
- */
-
-const defaultOffset = { height: 0, width: 0 };
-
-export const createBoxShadowValue = (style: Object): void | string => {
-  const { shadowColor, shadowOffset, shadowOpacity, shadowRadius } = style;
-  const { height, width } = shadowOffset || defaultOffset;
-  const offsetX = normalizeValueWithProperty(width);
-  const offsetY = normalizeValueWithProperty(height);
-  const blurRadius = normalizeValueWithProperty(shadowRadius || 0);
-  const color = normalizeColor(shadowColor || 'black', shadowOpacity);
-  if (color != null && offsetX != null && offsetY != null && blurRadius != null) {
-    return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
-  }
-};
-
-export const createTextShadowValue = (style: Object): void | string => {
-  const { textShadowColor, textShadowOffset, textShadowRadius } = style;
-  const { height, width } = textShadowOffset || defaultOffset;
-  const radius = textShadowRadius || 0;
-  const offsetX = normalizeValueWithProperty(width);
-  const offsetY = normalizeValueWithProperty(height);
-  const blurRadius = normalizeValueWithProperty(radius);
-  const color = normalizeValueWithProperty(textShadowColor, 'textShadowColor');
-
-  if (
-    color &&
-    (height !== 0 || width !== 0 || radius !== 0) &&
-    offsetX != null &&
-    offsetY != null &&
-    blurRadius != null
-  ) {
-    return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
-  }
-};
-
 /**
  * Transform
  */
@@ -109,7 +69,7 @@ export const createTextShadowValue = (style: Object): void | string => {
 // { scale: 2 } => 'scale(2)'
 // { translateX: 20 } => 'translateX(20px)'
 // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
-const mapTransform = (transform) => {
+const mapTransform = (transform: Object): string => {
   const type = Object.keys(transform)[0];
   const value = transform[type];
   if (type === 'matrix' || type === 'matrix3d') {
@@ -120,7 +80,7 @@ const mapTransform = (transform) => {
   }
 };
 
-export const createTransformValue = (style) => {
+export const createTransformValue = (style: Style): string => {
   let transform = style.transform;
   if (Array.isArray(style.transform)) {
     transform = style.transform.map(mapTransform).join(' ');
@@ -132,38 +92,13 @@ export const createTransformValue = (style) => {
  * Reducer
  */
 
-const createReactDOMStyle = (style, isInline) => {
+const createReactDOMStyle = (style: Style, isInline?: boolean): Style => {
   if (!style) {
     return emptyObject;
   }
 
   const resolvedStyle = {};
 
-  if (
-    style.shadowColor != null ||
-    style.shadowOffset != null ||
-    style.shadowOpacity != null ||
-    style.shadowRadius != null
-  ) {
-    const box = createBoxShadowValue(style);
-    if (box != null) {
-      const { boxShadow } = style;
-      resolvedStyle.boxShadow = boxShadow ? `${boxShadow}, ${box}` : box;
-    }
-  }
-
-  if (
-    style.textShadowColor != null ||
-    style.textShadowOffset != null ||
-    style.textShadowRadius != null
-  ) {
-    const text = createTextShadowValue(style);
-    if (text != null) {
-      const { textShadow } = style;
-      resolvedStyle.textShadow = textShadow ? `${textShadow}, ${text}` : text;
-    }
-  }
-
   for (const prop in style) {
     const value = style[prop];
 
diff --git a/packages/react-native-web/src/exports/StyleSheet/compiler/index.js b/packages/react-native-web/src/exports/StyleSheet/compiler/index.js
index b9177f965..34f6543d4 100644
--- a/packages/react-native-web/src/exports/StyleSheet/compiler/index.js
+++ b/packages/react-native-web/src/exports/StyleSheet/compiler/index.js
@@ -11,9 +11,8 @@ import createReactDOMStyle from './createReactDOMStyle';
 import hash from './hash';
 import hyphenateStyleName from './hyphenateStyleName';
 import normalizeValueWithProperty from './normalizeValueWithProperty';
-import logicalStylePolyfill from './logicalStylePolyfill';
 import prefixStyles from '../../../modules/prefixStyles';
-import { STYLE_GROUPS } from './constants';
+import preprocess from './preprocess';
 
 type Value = Object | Array<any> | string | number;
 type Style = { [key: string]: Value };
@@ -25,6 +24,25 @@ type CompilerOutput = [CompiledStyle, Array<RulesData>];
 
 const cache = new Map();
 
+const classicGroup = 1;
+const atomicGroup = 2.2;
+const customGroup = {
+  borderColor: 2,
+  borderRadius: 2,
+  borderStyle: 2,
+  borderWidth: 2,
+  display: 2,
+  flex: 2,
+  margin: 2,
+  overflow: 2,
+  overscrollBehavior: 2,
+  padding: 2,
+  marginHorizontal: 2.1,
+  marginVertical: 2.1,
+  paddingHorizontal: 2.1,
+  paddingVertical: 2.1
+};
+
 /**
  * Compile style to atomic CSS rules.
  */
@@ -44,7 +62,7 @@ export function atomic(style: Style): CompilerOutput {
           compiledStyle[key] = cachedResult[0];
           compiledRules.push(cachedResult[1]);
         } else {
-          const order = STYLE_GROUPS.custom[key] || STYLE_GROUPS.atomic;
+          const order = customGroup[key] || atomicGroup;
           const identifier = createIdentifier('r', key, value);
           const rules = createAtomicRules(identifier, key, value);
           const orderedRules = [rules, order];
@@ -79,7 +97,7 @@ export function classic(style: Style, name: string): CompilerOutput {
   compiledRules.push(`${selector}${block}`);
 
   compiledStyle[identifier] = identifier;
-  return [compiledStyle, [[compiledRules, STYLE_GROUPS.classic]]];
+  return [compiledStyle, [[compiledRules, classicGroup]]];
 }
 
 /**
@@ -90,7 +108,7 @@ export function inline(style: Style): { [key: string]: mixed } {
   return createReactDOMStyle(style, true);
 }
 
-export { logicalStylePolyfill };
+export { preprocess };
 
 /**
  * Create a value string that normalizes different input values with a common
diff --git a/packages/react-native-web/src/exports/StyleSheet/compiler/logicalStylePolyfill.js b/packages/react-native-web/src/exports/StyleSheet/compiler/preprocess.js
similarity index 58%
rename from packages/react-native-web/src/exports/StyleSheet/compiler/logicalStylePolyfill.js
rename to packages/react-native-web/src/exports/StyleSheet/compiler/preprocess.js
index 4d03b4d48..5172f6980 100644
--- a/packages/react-native-web/src/exports/StyleSheet/compiler/logicalStylePolyfill.js
+++ b/packages/react-native-web/src/exports/StyleSheet/compiler/preprocess.js
@@ -7,7 +7,8 @@
  * @flow
  */
 
-import multiplyStyleLengthValue from '../../../modules/multiplyStyleLengthValue';
+import normalizeColor from './normalizeColor';
+import normalizeValueWithProperty from './normalizeValueWithProperty';
 
 const emptyObject = {};
 
@@ -74,25 +75,60 @@ const PROPERTIES_VALUE = {
   textAlign: true
 };
 
-// Invert the sign of a numeric-like value
-const additiveInverse = (value: string | number) => multiplyStyleLengthValue(value, -1);
+/**
+ * Shadows
+ */
+
+const defaultOffset = { height: 0, width: 0 };
+
+export const createBoxShadowValue = (style: Object): void | string => {
+  const { shadowColor, shadowOffset, shadowOpacity, shadowRadius } = style;
+  const { height, width } = shadowOffset || defaultOffset;
+  const offsetX = normalizeValueWithProperty(width);
+  const offsetY = normalizeValueWithProperty(height);
+  const blurRadius = normalizeValueWithProperty(shadowRadius || 0);
+  const color = normalizeColor(shadowColor || 'black', shadowOpacity);
+  if (color != null && offsetX != null && offsetY != null && blurRadius != null) {
+    return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+  }
+};
 
-const logicalStylePolyfill = <T: {| [key: string]: any |}>(
-  originalStyle: T,
-  isRTL?: boolean
-): T => {
+export const createTextShadowValue = (style: Object): void | string => {
+  const { textShadowColor, textShadowOffset, textShadowRadius } = style;
+  const { height, width } = textShadowOffset || defaultOffset;
+  const radius = textShadowRadius || 0;
+  const offsetX = normalizeValueWithProperty(width);
+  const offsetY = normalizeValueWithProperty(height);
+  const blurRadius = normalizeValueWithProperty(radius);
+  const color = normalizeValueWithProperty(textShadowColor, 'textShadowColor');
+
+  if (
+    color &&
+    (height !== 0 || width !== 0 || radius !== 0) &&
+    offsetX != null &&
+    offsetY != null &&
+    blurRadius != null
+  ) {
+    return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+  }
+};
+
+/**
+ * Preprocess styles
+ */
+const preprocess = <T: {| [key: string]: any |}>(originalStyle: T, isRTL?: boolean): T => {
   const style = originalStyle || emptyObject;
   const frozenProps = {};
   const nextStyle = {};
 
   for (const originalProp in style) {
     const originalValue = style[originalProp];
+    let prop = originalProp;
+    let value = originalValue;
 
     if (!Object.prototype.hasOwnProperty.call(style, originalProp) || originalValue == null) {
       continue;
     }
-    let prop = originalProp;
-    let value = originalValue;
 
     // BiDi flip properties
     if (PROPERTIES_I18N.hasOwnProperty(originalProp)) {
@@ -120,12 +156,37 @@ const logicalStylePolyfill = <T: {| [key: string]: any |}>(
       }
     }
 
+    // Convert shadow styles
+    if (
+      prop === 'shadowColor' ||
+      prop === 'shadowOffset' ||
+      prop === 'shadowOpacity' ||
+      prop === 'shadowRadius'
+    ) {
+      const boxShadowValue = createBoxShadowValue(style);
+      if (boxShadowValue != null && nextStyle.boxShadow == null) {
+        const { boxShadow } = style;
+        prop = 'boxShadow';
+        value = boxShadow ? `${boxShadow}, ${boxShadowValue}` : boxShadowValue;
+      } else {
+        continue;
+      }
+    }
+
+    // Convert text shadow styles
+    if (prop === 'textShadowColor' || prop === 'textShadowOffset' || prop === 'textShadowRadius') {
+      const textShadowValue = createTextShadowValue(style);
+      if (textShadowValue != null && nextStyle.textShadow == null) {
+        const { textShadow } = style;
+        prop = 'textShadow';
+        value = textShadow ? `${textShadow}, ${textShadowValue}` : textShadowValue;
+      } else {
+        continue;
+      }
+    }
+
     // Create finalized style
-    if (isRTL && prop === 'textShadowOffset') {
-      const invertedValue = additiveInverse((value: any).width);
-      (value: any).width = invertedValue;
-      nextStyle[prop] = value;
-    } else if (!frozenProps[prop]) {
+    if (!frozenProps[prop]) {
       nextStyle[prop] = value;
     }
 
@@ -138,4 +199,4 @@ const logicalStylePolyfill = <T: {| [key: string]: any |}>(
   return nextStyle;
 };
 
-export default logicalStylePolyfill;
+export default preprocess;
diff --git a/packages/react-native-web/src/exports/StyleSheet/dom/createCSSStyleSheet.js b/packages/react-native-web/src/exports/StyleSheet/dom/createCSSStyleSheet.js
index 82dcf6bb7..5b4b9b765 100644
--- a/packages/react-native-web/src/exports/StyleSheet/dom/createCSSStyleSheet.js
+++ b/packages/react-native-web/src/exports/StyleSheet/dom/createCSSStyleSheet.js
@@ -12,8 +12,8 @@ import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';
 // $FlowFixMe: HTMLStyleElement is incorrectly typed - https://github.com/facebook/flow/issues/2696
 export default function createCSSStyleSheet(
   id: string,
-  textContent?: ?string,
-  rootNode?: Document | ShadowRoot
+  rootNode?: Document | ShadowRoot,
+  textContent?: string
 ): ?CSSStyleSheet {
   if (canUseDOM) {
     const root = rootNode != null ? rootNode : document;
@@ -21,21 +21,9 @@ export default function createCSSStyleSheet(
     if (element == null) {
       element = document.createElement('style');
       element.setAttribute('id', id);
-      element.appendChild(
-        document.createTextNode(
-          typeof textContent === 'string'
-            ? textContent
-            : '[stylesheet-group="0"]{}' +
-                // minimal top-level reset
-                'html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}' +
-                'body{margin:0;}' +
-                'body:not(.focusvisible) :focus {outline:none;}' +
-                // minimal form pseudo-element reset
-                'button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}' +
-                'input::-webkit-search-cancel-button,input::-webkit-search-decoration' +
-                'input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}'
-        )
-      );
+      if (typeof textContent === 'string') {
+        element.appendChild(document.createTextNode(textContent));
+      }
       if (root instanceof ShadowRoot) {
         root.insertBefore(element, root.firstChild);
       } else {
diff --git a/packages/react-native-web/src/exports/StyleSheet/dom/index.js b/packages/react-native-web/src/exports/StyleSheet/dom/index.js
index 305341b78..1408dfdca 100644
--- a/packages/react-native-web/src/exports/StyleSheet/dom/index.js
+++ b/packages/react-native-web/src/exports/StyleSheet/dom/index.js
@@ -22,25 +22,53 @@ const defaultId = 'react-native-stylesheet';
 const roots = new WeakMap<Node, number>();
 const sheets = [];
 
+const initialRules = [
+  // minimal top-level reset
+  'html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}',
+  'body{margin:0;}',
+  // minimal form pseudo-element reset
+  'button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}',
+  'input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}'
+];
+
 export function createSheet(root?: HTMLElement, id?: string = defaultId): Sheet {
   let sheet;
 
   if (ExecutionEnvironment.canUseDOM) {
     const rootNode: Node = root != null ? root.getRootNode() : document;
-    const index = roots.get(rootNode);
-    if (index == null) {
-      const initialSheet = sheets[0];
-      // If we're creating a new sheet, populate it with existing styles
-      const textContent = initialSheet != null ? initialSheet.getTextContent() : null;
-      // Cast rootNode to 'any' because Flow types for getRootNode are wrong
-      sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id, textContent, (rootNode: any)));
+    // Create the initial style sheet
+    if (sheets.length === 0) {
+      sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id));
+      initialRules.forEach((rule) => {
+        sheet.insert(rule, 0);
+      });
       roots.set(rootNode, sheets.length);
       sheets.push(sheet);
     } else {
-      sheet = sheets[index];
+      const index = roots.get(rootNode);
+      if (index == null) {
+        const initialSheet = sheets[0];
+        // If we're creating a new sheet, populate it with existing styles
+        const textContent = initialSheet != null ? initialSheet.getTextContent() : '';
+        // Cast rootNode to 'any' because Flow types for getRootNode are wrong
+        sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id, (rootNode: any), textContent));
+        roots.set(rootNode, sheets.length);
+        sheets.push(sheet);
+      } else {
+        sheet = sheets[index];
+      }
     }
   } else {
-    sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id));
+    // Create the initial style sheet
+    if (sheets.length === 0) {
+      sheet = createOrderedCSSStyleSheet(createCSSStyleSheet(id));
+      initialRules.forEach((rule) => {
+        sheet.insert(rule, 0);
+      });
+      sheets.push(sheet);
+    } else {
+      sheet = sheets[0];
+    }
   }
 
   return {
diff --git a/packages/react-native-web/src/exports/StyleSheet/index.js b/packages/react-native-web/src/exports/StyleSheet/index.js
index f37d5f53c..2047a1d93 100644
--- a/packages/react-native-web/src/exports/StyleSheet/index.js
+++ b/packages/react-native-web/src/exports/StyleSheet/index.js
@@ -8,7 +8,7 @@
  */
 
 import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';
-import { atomic, classic, inline, logicalStylePolyfill } from './compiler';
+import { atomic, classic, inline, preprocess } from './compiler';
 import { createSheet } from './dom';
 import { styleq } from 'styleq';
 import { validate } from './validate';
@@ -32,8 +32,8 @@ function customStyleq(styles, isRTL) {
 }
 
 function compileAndInsert(style) {
-  const [compiledStyle, compiledOrderedRules] = atomic(logicalStylePolyfill(style));
-  const [compiledRTLStyle, compiledRTLOrderedRules] = atomic(logicalStylePolyfill(style, true));
+  const [compiledStyle, compiledOrderedRules] = atomic(preprocess(style));
+  const [compiledRTLStyle, compiledRTLOrderedRules] = atomic(preprocess(style, true));
   [...compiledOrderedRules, ...compiledRTLOrderedRules].forEach(([rules, order]) => {
     if (sheet != null) {
       rules.forEach((rule) => {
@@ -80,7 +80,7 @@ function create(styles: Object): {| [key: string]: { [key: string]: any } |} {
         staticStyleMap.set(styleObj, compiledStyles);
       } else {
         if (process.env.NODE_ENV !== 'production') {
-          validate(key, styles);
+          validate(styleObj);
           styles[key] = Object.freeze(styleObj);
         }
         const compiledStyles = compileAndInsert(styleObj);
@@ -149,7 +149,7 @@ type StyleProps = [string, { [key: string]: mixed } | null];
 function StyleSheet(styles: any, isRTL?: boolean): StyleProps {
   const styleProps: StyleProps = customStyleq(styles, isRTL);
   if (Array.isArray(styleProps) && styleProps[1] != null) {
-    styleProps[1] = inline(logicalStylePolyfill(styleProps[1], isRTL));
+    styleProps[1] = inline(preprocess(styleProps[1], isRTL));
   }
   return styleProps;
 }
diff --git a/packages/react-native-web/src/exports/StyleSheet/validate.js b/packages/react-native-web/src/exports/StyleSheet/validate.js
index 1aa167df7..7accd49af 100644
--- a/packages/react-native-web/src/exports/StyleSheet/validate.js
+++ b/packages/react-native-web/src/exports/StyleSheet/validate.js
@@ -4,10 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
+ * @noflow
  */
 
-import warning from 'fbjs/lib/warning';
+import valueParser from 'postcss-value-parser';
 
 const invalidShortforms = {
   background: true,
@@ -22,6 +22,7 @@ const invalidShortforms = {
 };
 
 const invalidMultiValueShortforms = {
+  flex: true,
   margin: true,
   padding: true,
   borderColor: true,
@@ -38,11 +39,10 @@ const invalidMultiValueShortforms = {
 };
 
 function error(message) {
-  warning(false, message);
+  console.error(message);
 }
 
-export function validate(key: string, styles: Object) {
-  const obj = styles[key];
+export function validate(obj: Object) {
   for (const k in obj) {
     const prop = k.trim();
     const value = obj[prop];
@@ -72,8 +72,8 @@ export function validate(key: string, styles: Object) {
         suggestion = 'Please use long-form properties.';
         isInvalid = true;
       } else if (invalidMultiValueShortforms[prop]) {
-        if (typeof value === 'string' && value.indexOf(' ') !== -1) {
-          suggestion = 'Only single values are supported.';
+        if (typeof value === 'string' && valueParser(value).nodes.length > 1) {
+          suggestion = `Value is "${value}" but only single values are supported.`;
           isInvalid = true;
         }
       }
diff --git a/packages/react-native-web/src/exports/Switch/__tests__/index-test.js b/packages/react-native-web/src/exports/Switch/__tests__/index-test.js
index 0435cfb9a..e4deb5fb3 100644
--- a/packages/react-native-web/src/exports/Switch/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Switch/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import React from 'react';
 import { render } from '@testing-library/react';
diff --git a/packages/react-native-web/src/exports/Text/__tests__/index-test.js b/packages/react-native-web/src/exports/Text/__tests__/index-test.js
index f8b47bd49..ac7530dc1 100644
--- a/packages/react-native-web/src/exports/Text/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Text/__tests__/index-test.js
@@ -1,4 +1,10 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /* eslint-disable react/jsx-no-bind */
 
 import React from 'react';
diff --git a/packages/react-native-web/src/exports/Text/index.js b/packages/react-native-web/src/exports/Text/index.js
index 821cfc89a..5c854c88a 100644
--- a/packages/react-native-web/src/exports/Text/index.js
+++ b/packages/react-native-web/src/exports/Text/index.js
@@ -64,7 +64,8 @@ const Text: React.AbstractComponent<TextProps, HTMLElement & PlatformMethods> =
       onSelectionChangeShouldSetResponderCapture,
       onStartShouldSetResponder,
       onStartShouldSetResponderCapture,
-      selectable
+      selectable,
+      ...rest
     } = props;
 
     const hasTextAncestor = React.useContext(TextAncestorContext);
@@ -104,7 +105,7 @@ const Text: React.AbstractComponent<TextProps, HTMLElement & PlatformMethods> =
     );
 
     let component = hasTextAncestor ? 'span' : 'div';
-    const supportedProps = pickProps(props);
+    const supportedProps = pickProps(rest);
     supportedProps.dir = dir;
     // 'auto' by default allows browsers to infer writing direction (root elements only)
     if (!hasTextAncestor) {
diff --git a/packages/react-native-web/src/exports/Text/types.js b/packages/react-native-web/src/exports/Text/types.js
index fbdf7b403..ba401efc4 100644
--- a/packages/react-native-web/src/exports/Text/types.js
+++ b/packages/react-native-web/src/exports/Text/types.js
@@ -72,19 +72,6 @@ export type TextProps = {
     | 'listitem'
     | 'none'
     | 'text',
-  accessibilityState?: {
-    busy?: ?boolean,
-    checked?: ?boolean | 'mixed',
-    disabled?: ?boolean,
-    expanded?: ?boolean,
-    grabbed?: ?boolean,
-    hidden?: ?boolean,
-    invalid?: ?boolean,
-    pressed?: ?boolean,
-    readonly?: ?boolean,
-    required?: ?boolean,
-    selected?: ?boolean
-  },
   dir?: 'auto' | 'ltr' | 'rtl',
   numberOfLines?: ?number,
   onPress?: (e: any) => void,
diff --git a/packages/react-native-web/src/exports/TextInput/__tests__/index-test.js b/packages/react-native-web/src/exports/TextInput/__tests__/index-test.js
index a55636ff5..69af09b11 100644
--- a/packages/react-native-web/src/exports/TextInput/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/TextInput/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import React from 'react';
 import TextInput from '..';
diff --git a/packages/react-native-web/src/exports/UIManager/__tests__/index-test.js b/packages/react-native-web/src/exports/UIManager/__tests__/index-test.js
index 1feed387d..6d547607c 100644
--- a/packages/react-native-web/src/exports/UIManager/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/UIManager/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import UIManager from '..';
 
diff --git a/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap
index 4f6ecfe7d..31160481a 100644
--- a/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap
@@ -2,23 +2,23 @@
 
 exports[`components/View allows "dir" to be overridden 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   dir="rtl"
 />
 `;
 
 exports[`components/View default 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
 />
 `;
 
 exports[`components/View non-text is rendered 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
 >
   <div
-    class="css-view-13b7bgz"
+    class="css-view-175oi2r"
     data-testid="1"
   />
 </div>
@@ -27,34 +27,34 @@ exports[`components/View non-text is rendered 1`] = `
 exports[`components/View prop "accessibilityLabel" value is set 1`] = `
 <div
   aria-label="accessibility label"
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
 />
 `;
 
 exports[`components/View prop "accessibilityLabelledBy" value is set 1`] = `
 <div
   aria-labelledby="123"
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
 />
 `;
 
 exports[`components/View prop "accessibilityLiveRegion" value is set 1`] = `
 <div
   aria-live="polite"
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
 />
 `;
 
 exports[`components/View prop "accessibilityRole" value alters HTML element 1`] = `
 <article
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   role="article"
 />
 `;
 
 exports[`components/View prop "accessibilityRole" value is "button" 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   role="button"
   tabindex="0"
 />
@@ -62,14 +62,14 @@ exports[`components/View prop "accessibilityRole" value is "button" 1`] = `
 
 exports[`components/View prop "accessibilityRole" value is set 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   role="presentation"
 />
 `;
 
 exports[`components/View prop "href" href with accessibilityRole 1`] = `
 <a
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   href="https://example.com"
   role="presentation"
 />
@@ -77,27 +77,27 @@ exports[`components/View prop "href" href with accessibilityRole 1`] = `
 
 exports[`components/View prop "href" value is set 1`] = `
 <a
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   href="https://example.com"
 />
 `;
 
 exports[`components/View prop "hrefAttrs" null values are excluded 1`] = `
 <a
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   href="https://example.com"
 />
 `;
 
 exports[`components/View prop "hrefAttrs" requires "href" 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
 />
 `;
 
 exports[`components/View prop "hrefAttrs" target variant is set 1`] = `
 <a
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   href="https://example.com"
   target="_blank"
 />
@@ -105,7 +105,7 @@ exports[`components/View prop "hrefAttrs" target variant is set 1`] = `
 
 exports[`components/View prop "hrefAttrs" value is set 1`] = `
 <a
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   download="filename.jpg"
   href="https://example.com"
   rel="nofollow"
@@ -115,48 +115,48 @@ exports[`components/View prop "hrefAttrs" value is set 1`] = `
 
 exports[`components/View prop "nativeID" value is set 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   id="nativeID"
 />
 `;
 
 exports[`components/View prop "pointerEvents" 1`] = `
 <div
-  class="css-view-13b7bgz r-pointerEvents-ah5dr5"
+  class="css-view-175oi2r r-pointerEvents-ah5dr5"
 />
 `;
 
 exports[`components/View prop "ref" setNativeProps method style updates as expected 1`] = `
 <div
-  class="css-view-13b7bgz r-color-howw7u"
+  class="css-view-175oi2r r-color-howw7u"
   style="width: 10px;"
 />
 `;
 
 exports[`components/View prop "ref" setNativeProps method style updates as expected 2`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   style="width: 20px; color: rgb(255, 165, 0); height: 20px;"
 />
 `;
 
 exports[`components/View prop "ref" setNativeProps method style updates as expected 3`] = `
 <div
-  class="css-view-13b7bgz r-color-howw7u"
+  class="css-view-175oi2r r-color-howw7u"
   style="width: 30px;"
 />
 `;
 
 exports[`components/View prop "ref" setNativeProps method style updates as expected 4`] = `
 <div
-  class="css-view-13b7bgz r-color-howw7u"
+  class="css-view-175oi2r r-color-howw7u"
   style="width: 30px;"
 />
 `;
 
 exports[`components/View prop "ref" setNativeProps method style updates as expected 5`] = `
 <div
-  class="css-view-13b7bgz r-color-howw7u"
+  class="css-view-175oi2r r-color-howw7u"
   style="width: 40px;"
 />
 `;
@@ -164,21 +164,21 @@ exports[`components/View prop "ref" setNativeProps method style updates as expec
 exports[`components/View prop "ref" setNativeProps method works with react-native props 1`] = `
 <div
   aria-label="label"
-  class="css-view-13b7bgz r-pointerEvents-ah5dr5"
-  style="box-shadow: 0px 0px 0px rgba(0,0,0,1.00); margin-right: 10px; margin-left: 10px; vertical-align: top;"
+  class="css-view-175oi2r r-pointerEvents-ah5dr5"
+  style="margin-right: 10px; margin-left: 10px; box-shadow: 0px 0px 0px rgba(0,0,0,1.00); vertical-align: top;"
 />
 `;
 
 exports[`components/View prop "style" value is set 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
 />
 `;
 
 exports[`components/View prop "testID" value is set 1`] = `
 <div
-  class="css-view-13b7bgz"
+  class="css-view-175oi2r"
   data-testid="123"
 />
 `;
diff --git a/packages/react-native-web/src/exports/View/__tests__/index-test.js b/packages/react-native-web/src/exports/View/__tests__/index-test.js
index 592db3f67..4a129c512 100644
--- a/packages/react-native-web/src/exports/View/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/View/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import React from 'react';
 import View from '../';
diff --git a/packages/react-native-web/src/exports/View/index.js b/packages/react-native-web/src/exports/View/index.js
index f568d4e05..a10522853 100644
--- a/packages/react-native-web/src/exports/View/index.js
+++ b/packages/react-native-web/src/exports/View/index.js
@@ -61,7 +61,8 @@ const View: React.AbstractComponent<ViewProps, HTMLElement & PlatformMethods> =
       onSelectionChangeShouldSetResponder,
       onSelectionChangeShouldSetResponderCapture,
       onStartShouldSetResponder,
-      onStartShouldSetResponderCapture
+      onStartShouldSetResponderCapture,
+      ...rest
     } = props;
 
     if (process.env.NODE_ENV !== 'production') {
@@ -100,7 +101,7 @@ const View: React.AbstractComponent<ViewProps, HTMLElement & PlatformMethods> =
 
     let component = 'div';
 
-    const supportedProps = pickProps(props);
+    const supportedProps = pickProps(rest);
     supportedProps.isRTL = props.dir ? props.dir === 'rtl' : isRTL;
     supportedProps.style = [styles.view$raw, hasTextAncestor && styles.inline, props.style];
     if (props.href != null) {
@@ -148,6 +149,7 @@ const styles = StyleSheet.create({
     minWidth: 0,
     padding: 0,
     position: 'relative',
+    textDecoration: 'none',
     zIndex: 0
   },
   inline: {
diff --git a/packages/react-native-web/src/exports/createElement/__tests__/index-test.js b/packages/react-native-web/src/exports/createElement/__tests__/index-test.js
index 6401a4362..95e642196 100644
--- a/packages/react-native-web/src/exports/createElement/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/createElement/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import createElement from '..';
 import React from 'react';
diff --git a/packages/react-native-web/src/exports/processColor/__tests__/index-test.js b/packages/react-native-web/src/exports/processColor/__tests__/index-test.js
index fed99c495..77fc8baa8 100644
--- a/packages/react-native-web/src/exports/processColor/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/processColor/__tests__/index-test.js
@@ -1,7 +1,5 @@
-/* eslint-env jasmine, jest */
-
 /**
- * Copyright (c) 2015-present, Facebook, Inc.
+ * Copyright (c) Nicolas Gallagher.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
diff --git a/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js b/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js
index 6ace887f5..22615971c 100644
--- a/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js
+++ b/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import propsToAccessibilityComponent from '../propsToAccessibilityComponent';
 
diff --git a/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js b/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js
index fd69aec81..5513ca14d 100644
--- a/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js
+++ b/packages/react-native-web/src/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import propsToAriaRole from '../propsToAriaRole';
 
diff --git a/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js b/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js
index 2e7d107ca..68575f44e 100644
--- a/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js
+++ b/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import createDOMProps from '..';
 
diff --git a/packages/react-native-web/src/modules/createDOMProps/index.js b/packages/react-native-web/src/modules/createDOMProps/index.js
index c2265ca54..cc8af1161 100644
--- a/packages/react-native-web/src/modules/createDOMProps/index.js
+++ b/packages/react-native-web/src/modules/createDOMProps/index.js
@@ -9,7 +9,6 @@
 
 import AccessibilityUtil from '../AccessibilityUtil';
 import StyleSheet from '../../exports/StyleSheet';
-//import { STYLE_GROUPS } from '../../exports/StyleSheet/constants';
 
 const emptyObject = {};
 const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -26,27 +25,6 @@ function processIDRefList(idRefList: string | Array<string>): string {
   return isArray(idRefList) ? idRefList.join(' ') : idRefList;
 }
 
-// Reset styles for heading, link, and list DOM elements
-/*
-const classes = StyleSheet.create(
-  {
-    reset: {
-      backgroundColor: 'transparent',
-      color: 'inherit',
-      font: 'inherit',
-      listStyle: 'none',
-      margin: 0,
-      textAlign: 'inherit',
-      textDecoration: 'none'
-    },
-    cursor: {
-      cursor: 'pointer'
-    }
-  },
-  STYLE_GROUPS.classicReset
-);
-*/
-
 const pointerEventsStyles = StyleSheet.create({
   auto: {
     pointerEvents: 'auto'
diff --git a/packages/react-native-web/src/modules/multiplyStyleLengthValue/__tests__/index-test.js b/packages/react-native-web/src/modules/multiplyStyleLengthValue/__tests__/index-test.js
index a7ae061a5..e43b5960b 100644
--- a/packages/react-native-web/src/modules/multiplyStyleLengthValue/__tests__/index-test.js
+++ b/packages/react-native-web/src/modules/multiplyStyleLengthValue/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import multiplyStyleLengthValue from '..';
 
diff --git a/packages/react-native-web/src/modules/pick/index.js b/packages/react-native-web/src/modules/pick/index.js
index 8bdf5c1a5..a53ad4368 100644
--- a/packages/react-native-web/src/modules/pick/index.js
+++ b/packages/react-native-web/src/modules/pick/index.js
@@ -11,11 +11,7 @@ export default function pick(obj: Object, list: { [string]: boolean }): Object {
   const nextObj = {};
   for (const key in obj) {
     if (obj.hasOwnProperty(key)) {
-      if (
-        list[key] === true ||
-        // Temporary until ARIA is mapped to explicit props
-        key.indexOf('aria-') === 0
-      ) {
+      if (list[key] === true) {
         nextObj[key] = obj[key];
       }
     }
diff --git a/packages/react-native-web/src/modules/useResponderEvents/__tests__/index-test.js b/packages/react-native-web/src/modules/useResponderEvents/__tests__/index-test.js
index 8dc5106d7..c2a265d7f 100644
--- a/packages/react-native-web/src/modules/useResponderEvents/__tests__/index-test.js
+++ b/packages/react-native-web/src/modules/useResponderEvents/__tests__/index-test.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 import { act } from 'react-dom/test-utils';
 import React, { createRef } from 'react';
diff --git a/scripts/jest/config.js b/scripts/jest/config.js
index e2c567263..885181d68 100644
--- a/scripts/jest/config.js
+++ b/scripts/jest/config.js
@@ -5,16 +5,18 @@ module.exports = {
   modulePathIgnorePatterns: [
     '<rootDir>/packages/benchmarks/',
     '<rootDir>/packages/docs/',
+    '<rootDir>/packages/examples/',
     '<rootDir>/packages/react-native-web/dist/'
   ],
-  // resetMocks: true,
   rootDir: process.cwd(),
   roots: ['<rootDir>/packages'],
-  setupFiles: ['jest-canvas-mock', require.resolve('./setupFiles.js')],
-  setupFilesAfterEnv: [require.resolve('./setupFramework.js')],
+  setupFiles: ['jest-canvas-mock', require.resolve('./setupFiles.dom.js')],
   snapshotFormat: {
     printBasicPrototype: false
   },
   testEnvironment: 'jsdom',
+  testMatch: ['**/__tests__/**/?(*-)+(spec|test).[jt]s?(x)'],
   timers: 'fake'
 };
+
+('**/?(*.)+(spec|test).[jt]s?(x)');
diff --git a/scripts/jest/config.node.js b/scripts/jest/config.node.js
new file mode 100644
index 000000000..b1b00231d
--- /dev/null
+++ b/scripts/jest/config.node.js
@@ -0,0 +1,19 @@
+'use strict';
+
+module.exports = {
+  coveragePathIgnorePatterns: ['/node_modules/', '<rootDir>/packages/react-native-web/src/vendor/'],
+  modulePathIgnorePatterns: [
+    '<rootDir>/packages/benchmarks/',
+    '<rootDir>/packages/docs/',
+    '<rootDir>/packages/examples/',
+    '<rootDir>/packages/react-native-web/dist/'
+  ],
+  rootDir: process.cwd(),
+  roots: ['<rootDir>/packages'],
+  snapshotFormat: {
+    printBasicPrototype: false
+  },
+  testEnvironment: 'node',
+  testMatch: ['**/__tests__/**/?(*-)+(spec|test).node.[jt]s?(x)'],
+  timers: 'fake'
+};
diff --git a/scripts/jest/serializer.js b/scripts/jest/serializer.js
deleted file mode 100644
index b5ee71cd3..000000000
--- a/scripts/jest/serializer.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from 'react';
-import { StyleSheet } from '../../packages/react-native-web/src';
-
-function createSerializer(styleSheet) {
-  function flattenNodeStyles(node) {
-    if (node && node.props) {
-      // check for React elements in any props
-      const nextProps = Object.keys(node.props).reduce((acc, curr) => {
-        const value = node.props[curr];
-        if (React.isValidElement(value)) {
-          acc[curr] = flattenNodeStyles(value);
-        }
-        return acc;
-      }, {});
-
-      // flatten styles and avoid empty objects in snapshots
-      if (node.props.style) {
-        const style = styleSheet.flatten(node.props.style);
-        if (Object.keys(style).length > 0) {
-          nextProps.style = style;
-        } else {
-          delete nextProps.style;
-        }
-      }
-
-      const args = [node, nextProps];
-
-      // recurse over children too
-      const children = node.children || node.props.children;
-      if (children) {
-        if (Array.isArray(children)) {
-          children.forEach((child) => {
-            args.push(flattenNodeStyles(child));
-          });
-        } else {
-          args.push(flattenNodeStyles(children));
-        }
-      }
-
-      return React.cloneElement.apply(React.cloneElement, args);
-    }
-
-    return node;
-  }
-
-  function test(value) {
-    return !!value && value.$$typeof === Symbol.for('react.test.json');
-  }
-
-  function print(value, serializer) {
-    return serializer(flattenNodeStyles(value));
-  }
-
-  return { test, print };
-}
-
-const serializer = createSerializer(StyleSheet);
-
-export default serializer;
diff --git a/scripts/jest/setupFiles.js b/scripts/jest/setupFiles.dom.js
similarity index 75%
rename from scripts/jest/setupFiles.js
rename to scripts/jest/setupFiles.dom.js
index 61bf83bd7..037994b11 100644
--- a/scripts/jest/setupFiles.js
+++ b/scripts/jest/setupFiles.dom.js
@@ -1,4 +1,9 @@
-/* eslint-env jasmine, jest */
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
 // JSDOM doesn't implement ResizeObserver
 class ResizeObserver {
diff --git a/scripts/jest/setupFramework.js b/scripts/jest/setupFramework.js
deleted file mode 100644
index e28f95594..000000000
--- a/scripts/jest/setupFramework.js
+++ /dev/null
@@ -1 +0,0 @@
-/* eslint-env jasmine, jest */
diff --git a/yarn.lock b/yarn.lock
index 590274207..7ccfc4e31 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2211,10 +2211,6 @@ array-differ@^3.0.0:
   resolved "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz"
   integrity sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==
 
-array-find-index@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz"
-
 array-includes@^3.1.1, array-includes@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.2.tgz#a8db03e0b88c8c6aeddc49cb132f9bcab4ebf9c8"
@@ -4853,7 +4849,7 @@ husky@^4.3.8:
     slash "^3.0.0"
     which-pm-runs "^1.0.0"
 
-hyphenate-style-name@^1.0.2, hyphenate-style-name@^1.0.4:
+hyphenate-style-name@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
   integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
@@ -7244,6 +7240,11 @@ postcss-value-parser@^4.1.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
 postcss@8.2.15, postcss@^8.2.4:
   version "8.2.15"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.15.tgz#9e66ccf07292817d226fc315cbbf9bc148fbca65"