feat: add Slider component (EightfoldAI#190)

* feat: add Slider component * chore: update test snapshots * chore: address PR feedback * fix: ensure marker and thumb align * fix: eliminate race condition in Slider * chore: clean up testing output * fix: cleanup build errors Co-authored-by: phrough <[email protected]>
ayadav-eightfold · Jun 23, 2022 · 07a18fc · 07a18fc
1 parent df186b5
commit 07a18fc
Show file tree

Hide file tree

Showing 17 changed files with 1,485 additions and 573 deletions.
diff --git a/config/jest/identity-obj-proxy-revised.js b/config/jest/identity-obj-proxy-revised.js
@@ -0,0 +1,16 @@
+// Proxy for jest tests to convert css moodule class names.
+// Based on https://medium.com/trabe/testing-css-modules-in-react-components-with-jest-enzyme-and-a-custom-modulenamemapper-8ff86c7d18a2
+
+module.exports = new Proxy(
+    {},
+    {
+        get: function getter(target, key) {
+            if (key === '__esModule') {
+                return false;
+            }
+
+            // Convert camelCase to kebab-case for class selectors in unit tests.
+            return key.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);
+        },
+    }
+);
diff --git a/package.json b/package.json
@@ -129,7 +129,6 @@
         "html-webpack-plugin": "5.5.0",
         "husky": "7.0.4",
         "icomoon-react": "^3.0.0",
-        "identity-obj-proxy": "3.0.0",
         "install-peers": "1.0.3",
         "install-peers-cli": "2.2.0",
         "jest": "27.4.3",
@@ -209,7 +208,7 @@
         "modulePaths": [],
         "moduleNameMapper": {
             "^react-native$": "react-native-web",
-            "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
+            "^.+\\.module\\.(css|sass|scss)$": "<rootDir>/config/jest/identity-obj-proxy-revised.js"
         },
         "moduleFileExtensions": [
             "web.js",