Trying to make the app build again (#138)

* Trying to make the app build again

* Bumping to Node 22

* Workarounds to use enzyme for React 17

Making tests pass

* test: add robust test polyfills (TextEncoder/TextDecoder, in-process MessagePort/MessageChannel, streams); register enzyme serializer via Jest; add cheerio for enzyme compatibility

* Improving coverage

* Not uploading coverage

* Making storybook build

* Removing orchestrate references

* Using working tests

* Adjusting coverage

* Improving SC config

* Running e2e in the PR

* Fixing path

Author: diemol

.DS_Store

@@ -21,7 +21,7 @@ jobs:
       - name: Build
         uses: actions/setup-node@v2
         with:
-          node-version: '14.x'
+          node-version: '22.x'
 
       - name: Build site
         env:

.github/workflows/github-pages.yml

@@ -24,7 +24,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [22.x]
 
     steps:
     - name: Checkout Repository
@@ -45,16 +45,13 @@ jobs:
     - name: Run Unit Tests and generate coverage report
       run: npm run test.coverage
 
-    - name: Upload coverage to Codecov
-      uses: codecov/codecov-action@v1
-      with:
-        token: ${{ secrets.CODECOV_TOKEN }}
-
     # Only run the last 2 steps when we are not on the main branch
     - name: Run Storybook tests
       if: ${{ !env.IS_MAIN }}
       run: npm run test.storybook.ci
 
+    - name: Install test dependencies
+      run: npm --prefix ./test/e2e install
+
     - name: Build and E2E test the site
-      if: ${{ !env.IS_MAIN }}
-      run: npm run start & npx wait-on --timeout 60000 http://localhost:3000 && npm run test.e2e.sauce.us
+      run: npm run start & npx wait-on --timeout 60000 http://localhost:3000 && npm --prefix ./test/e2e run test.saucelabs.us

.github/workflows/sample-app-web.yml

@@ -1,29 +1,2 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-**/.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-*.log
-.project
-bin
-dist
-screenshots
-.idea
-.coverage
-storybook-static
-.tmp
-.eslintcache
+.DS_Store
+node_modules/

.gitignore

@@ -1,11 +1,17 @@
+// Minimal Storybook main configuration to force webpack5 builder
 module.exports = {
-  "stories": [
-    "../src/storybook/**/*.stories.mdx",
-    "../src/storybook/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
+  core: {
+    builder: "webpack5",
+  },
+  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
     "@storybook/addon-essentials",
-    "@storybook/preset-create-react-app"
-  ]
-}
+    "@storybook/addon-links",
+    "@storybook/addon-actions"
+  ],
+  framework: {
+    name: "@storybook/react",
+    options: {}
+  }
+};
+

.storybook/main.js

@@ -1,5 +1,15 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
 import '../src/index.css';
 
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-}
+    actions: { argTypesRegex: '^on[A-Z].*' },
+};
+
+export const decorators = [
+    (Story) => (
+        <MemoryRouter initialEntries={['/']}>
+            <Story />
+        </MemoryRouter>
+    ),
+];