- 
-
-
-
-
-
-`;
diff --git a/example/src/__snapshots__/App.test.tsx.snap b/example/src/__snapshots__/App.test.tsx.snap
new file mode 100644
index 000000000..a0b5e4578
--- /dev/null
+++ b/example/src/__snapshots__/App.test.tsx.snap
@@ -0,0 +1,228 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Basic test should render 1`] = `
+- Test page -
-- SCSS parsing tests -
-- The Apples -
- ("The Apples" should be red) -- ES6 parsing tests -
--
-
- - macintosh - -
- - granny smith - -
- - fuji - -
- - golden delicious - -
- JSX parsing tests -
-- TSX parsing tests -
-- Asset import tests -
--
- Photo by Louis Hansel @shotsoflouis on Unsplash -
-- process.env tests -
-- Test process.env variable: - foo -
-- Non-existent process.env variable (nothing here is good): -
-- env.config.js tests -
-- - env.config.js boolean test: - - Good, false meant false. We did not cast a boolean to a string. -
-- env.config.js integer test: - It was an integer. Great. -
-- Right-to-left language handling tests -
-- I'm aligned right, but left in RTL. -
-- Paragon -
-
-
-
-
- - Component preview -
-
-
-
-
-
- - Exposed theme CSS files -
-
-
- Note: Depending on the versions of
-
- @openedx/paragon
-
- and/or
-
- @edx/brand
-
- installed, it is expected that no exposed theme CSS assets be listed here.
-
-
-
-
- - - core.min.css - - -
- - - light.min.css - - -
- - - core.min.css - - -
- - - light.min.css - - -
-
- Contents of
-
-
-
- Contents of
-
- PARAGON_THEME
-
- global variable
-
-
- {
- "paragon": {
- "version": "1.0.0",
- "themeUrls": {
- "core": {
- "fileName": "core.min.css"
- },
- "defaults": {
- "light": "light"
- },
- "variants": {
- "light": {
- "fileName": "light.min.css"
- }
- }
- }
- },
- "brand": {
- "version": "1.0.0",
- "themeUrls": {
- "core": {
- "fileName": "core.min.css"
- },
- "defaults": {
- "light": "light"
- },
- "variants": {
- "light": {
- "fileName": "light.min.css"
- }
- }
- }
- }
-}
-
-
+
+`;
diff --git a/example/src/index.jsx b/example/src/index.jsx
index e79dc6583..a2ce6e1c2 100644
--- a/example/src/index.jsx
+++ b/example/src/index.jsx
@@ -1,4 +1,5 @@
-import ReactDOM from 'react-dom';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
import App from './App';
// This line is to emulate what frontend-platform does when i18n initializes.
@@ -7,7 +8,6 @@ import App from './App';
// document. See: https://github.com/openedx/frontend-platform/blob/master/src/i18n/lib.js#L186
global.document.getElementsByTagName('html')[0].setAttribute('dir', 'ltr');
-ReactDOM.render(
-
+
+
+
+
+
+
++ Test page +
++ SCSS parsing tests +
++ The Apples +
+ ("The Apples" should be red) ++ ES6 parsing tests +
+-
+
- + macintosh + +
- + granny smith + +
- + fuji + +
- + golden delicious + +
+ JSX parsing tests +
+ ++ TSX parsing tests +
++ Asset import tests +
++
+ Photo by Louis Hansel @shotsoflouis on Unsplash +
++ process.env tests +
++ Test process.env variable: + foo +
++ Non-existent process.env variable (nothing here is good): +
++ env.config.js tests +
++ + env.config.js boolean test: + + Good, false meant false. We did not cast a boolean to a string. +
++ env.config.js integer test: + It was an integer. Great. +
++ Right-to-left language handling tests +
++ I'm aligned right, but left in RTL. +
++ Paragon +
+
+
+
+
+ + Component preview +
+
+
+
+
+
+ + Exposed theme CSS files +
+
+
+ Note: Depending on the versions of
+
+ @openedx/paragon
+
+ and/or
+
+ @edx/brand
+
+ installed, it is expected that no exposed theme CSS assets be listed here.
+
+
-
+
- + + core.min.css + + +
- + + light.min.css + + +
- + + core.min.css + + +
- + + light.min.css + + +
+
+ Contents of
+
+
+
+ Contents of
+
+ PARAGON_THEME
+
+ global variable
+
+
+ {
+ "paragon": {
+ "version": "1.0.0",
+ "themeUrls": {
+ "core": {
+ "fileName": "core.min.css"
+ },
+ "defaults": {
+ "light": "light"
+ },
+ "variants": {
+ "light": {
+ "fileName": "light.min.css"
+ }
+ }
+ }
+ },
+ "brand": {
+ "version": "1.0.0",
+ "themeUrls": {
+ "core": {
+ "fileName": "core.min.css"
+ },
+ "defaults": {
+ "light": "light"
+ },
+ "variants": {
+ "light": {
+ "fileName": "light.min.css"
+ }
+ }
+ }
+ }
+}
+
+