shinkansen-gears 2.0.5 → 2.1.0

package/babel.config.cjs

@@ -51,7 +51,7 @@ module.exports = (api) => {
     presets,
     plugins,
     ignore: [
-      /node_modules\/(?!shinkansen|@modernpoacher)/
+      /node_modules\/(?!shinkansen|@modernpoacher|react-component-instance|react-component-snapshot)/
     ]
   }
 }

package/eslint.config.mjs

@@ -80,7 +80,8 @@ export default [
     ignores: [
       'src',
       'stories',
-      'test'
+      'test',
+      'jest.*.mjs'
     ],
     languageOptions: {
       globals: {
@@ -145,7 +146,8 @@ export default [
   standard({
     files: [
       'src/**/__tests__/**/*.jsx',
-      'stories/**/__tests__/**/*.jsx'
+      'stories/**/__tests__/**/*.jsx',
+      'jest.*.mjs'
     ],
     languageOptions: {
       parser: babelParser,

package/jest.after-each.mjs

@@ -0,0 +1,10 @@
+afterEach(() => {
+  const {
+    body
+  } = document
+
+  Array.from(body.children)
+    .forEach((child) => {
+      body.removeChild(child)
+    })
+})

package/jest.before-each.mjs

@@ -0,0 +1 @@
+beforeEach(() => {})

package/jest.config.mjs

@@ -0,0 +1,27 @@
+export default {
+  bail: true,
+  verbose: true,
+  rootDir: '.',
+  roots: [
+    './src'
+  ],
+  clearMocks: true,
+  collectCoverage: true,
+  coverageDirectory: './coverage',
+  coverageProvider: 'v8',
+  testRegex: '(/__tests__/.*|(\\.|/))(test|spec)\\.(mjs?|jsx?)$',
+  transform: {
+    '^.+\\.jsx$': 'babel-jest',
+    '^.+\\.mjs$': 'babel-jest'
+  },
+  transformIgnorePatterns: [
+    '/node_modules\\/(?!react-component-instance)\\/',
+    '/node_modules\\/(?!react-component-snapshot)\\/'
+  ],
+  moduleFileExtensions: ['js', 'jsx', 'mjs'],
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: [
+    '<rootDir>/jest.before-each.mjs',
+    '<rootDir>/jest.after-each.mjs'
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-gears",
-  "version": "2.0.5",
+  "version": "2.1.0",
   "description": "Shinkansen Gears",
   "keywords": [
     "Shinkansen",
@@ -63,21 +63,24 @@
     "@modernpoacher/design-system": "2.0.2",
     "@sequencemedia/eslint-config-standard": "^0.2.43",
     "@sequencemedia/eslint-config-typescript": "^0.1.62",
-    "@storybook/addon-actions": "^8.6.4",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
+    "@storybook/addon-actions": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/manager-api": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-webpack5": "^8.6.4",
-    "@storybook/theming": "^8.6.4",
+    "@storybook/manager-api": "^8.6.7",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-webpack5": "^8.6.7",
+    "@storybook/theming": "^8.6.7",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
     "@types/babel__register": "^7.17.3",
     "@types/chai": "^5.2.0",
     "@types/debug": "^4.1.12",
     "@types/jest": "^29.5.14",
     "@types/mocha": "^10.0.10",
-    "@types/react": "18.3.13",
-    "@types/react-test-renderer": "^19.0.0",
+    "@types/prop-types": "^15.7.14",
+    "@types/react": "^19.0.11",
+    "@types/react-dom": "^19.0.4",
     "@typescript-eslint/eslint-plugin": "^8.26.1",
     "@typescript-eslint/parser": "^8.26.1",
     "autoprefixer": "^10.4.21",
@@ -86,10 +89,11 @@
     "cross-env": "^7.0.3",
     "eslint": "^9.22.0",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-storybook": "^0.11.4",
+    "eslint-plugin-storybook": "^0.11.6",
     "globals": "^16.0.0",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "mini-css-extract-plugin": "^2.9.2",
     "mocha": "^11.1.0",
     "perfectionist": "^2.4.0",
@@ -101,15 +105,16 @@
     "postcss-map": "^0.11.0",
     "prettier": "^3.5.3",
     "prop-types": "^15.8.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "^19.0.0",
+    "react-component-instance": "^0.0.6",
+    "react-component-snapshot": "^0.0.2",
+    "react-dom": "^19.0.0",
     "react-router": "^7.3.0",
-    "react-test-renderer": "18.3.1",
     "remove-files-webpack-plugin": "^1.5.0",
-    "sass": "^1.85.1",
+    "sass": "^1.86.0",
     "sass-loader": "^16.0.5",
     "shinkansen-rails": "1.1.6",
-    "storybook": "^8.6.4",
+    "storybook": "^8.6.7",
     "stylelint": "^16.16.0",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-scss": "^6.11.1",

package/src/js/gears/forward/index.cjs

@@ -11,7 +11,7 @@ const log = debug('shinkansen-gears/gears/forward')
 log('`shinkansen` is awake')
 
 const {
-  default: Forward // @ts-expect-error
+  default: Forward
 } = require('./index.jsx')
 
 /**

package/src/js/gears/index.cjs

@@ -11,7 +11,7 @@ const log = debug('shinkansen-gears/gears')
 log('`shinkansen` is awake')
 
 const {
-  default: Gears // @ts-expect-error
+  default: Gears
 } = require('./index.jsx')
 
 /**

package/src/js/gears/reverse/index.cjs

@@ -11,7 +11,7 @@ const log = debug('shinkansen-gears/gears/reverse')
 log('`shinkansen` is awake')
 
 const {
-  default: Reverse // @ts-expect-error
+  default: Reverse
 } = require('./index.jsx')
 
 /**

package/src/js/render/forward/index.cjs

@@ -11,7 +11,7 @@ const log = debug('shinkansen-gears/render/forward')
 log('`shinkansen` is awake')
 
 const {
-  default: renderForward // @ts-expect-error
+  default: renderForward
 } = require('./index.jsx')
 
 /**

package/src/js/render/reverse/index.cjs

@@ -11,7 +11,7 @@ const log = debug('shinkansen-gears/render/reverse')
 log('`shinkansen` is awake')
 
 const {
-  default: renderReverse // @ts-expect-error
+  default: renderReverse
 } = require('./index.jsx')
 
 /**