use jest instead of mocha

Author: Bowen7

Diff for: .jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  verbose: true,
+
+  setupFilesAfterEnv: ["./tests/setup.js"],
+
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
+
+  transform: {
+    "^.+\\.tsx?$": ["babel-jest", { configFile: "./tests/.babelrc.js" }],
+  },
+
+  testRegex: ".*\\.test\\.(j|t)sx?$",
+
+  moduleNameMapper: {
+    "@/(.*)$": "<rootDir>/src/$1",
+    "tests/(.*)$": "<rootDir>/tests/$1",
+  },
+}

Diff for: .mocharc.json

@@ -13,15 +13,15 @@
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.3",
+    "react-scripts": "4.0.3",
     "regexpp": "Bowen7/regexpp#8fb9c550810a37b8c4486cc547635518a2e4f57e",
     "styled-jsx": "3.3.0",
     "typescript": "~3.7.2"
   },
   "scripts": {
     "start": "react-app-rewired start",
     "build": "react-app-rewired build",
-    "test": "env TS_NODE_COMPILER_OPTIONS='{\"module\": \"commonjs\" }' mocha",
+    "test": "jest --config .jest.config.js --no-cache",
     "eject": "react-scripts eject",
     "build:graph": "rm -rf dest && rollup -c",
     "export:svg": "npm run build:graph && node scripts/export.js"
@@ -51,7 +51,7 @@
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-replace": "^2.4.2",
     "@svgr/webpack": "^5.5.0",
-    "@types/jest": "^24.0.0",
+    "@types/jest": "^24.9.1",
     "@types/lodash": "^4.14.168",
     "@types/node": "^12.0.0",
     "@types/react": "^16.9.0",
@@ -61,7 +61,7 @@
     "@types/styled-jsx": "^2.2.8",
     "babel-plugin-import": "^1.13.3",
     "customize-cra": "^1.0.0",
-    "mocha": "^9.0.1",
+    "jest": "^26.6.0",
     "react-app-rewired": "^2.1.6",
     "rollup": "^2.48.0",
     "ts-node": "^10.0.0"

Diff for: package.json

@@ -2,7 +2,8 @@
   "compilerOptions": {
     "baseUrl": "src",
     "paths": {
-      "@/*":["*"]
+      "@/*": ["*"],
+      "tests/*": ["../tests/*"]
     }
   }
-}
+}

Diff for: paths.json

@@ -0,0 +1,33 @@
+const React = require("react")
+const ReactDOMServer = require("react-dom/server")
+const MinimumGraph = require("../dest/index.js")
+let string = ReactDOMServer.renderToString(
+  React.createElement(MinimumGraph, {
+    regex: "/([a-zA-Z_])*?@[a-zA-Z](\\.[a-zA-Z-]{0,10})?(a|b)/",
+    selected: false,
+  })
+)
+
+string = string
+  .replace(/class="stroke"/g, `stroke="#000"`)
+  .replace(
+    /class="transparent-fill stroke"/g,
+    `fill="rgba(255,255,255,0)" stroke="#000"`
+  )
+  .replace(
+    /class="second-stroke transparent-fill"/g,
+    `fill="rgba(255,255,255,0)" stroke="#444"`
+  )
+  .replace(
+    /class="transparent-fill second-stroke"/g,
+    `fill="rgba(255,255,255,0)" stroke="#444"`
+  )
+  .replace(/class="transparent-fill"/g, `fill="rgba(255,255,255,0)"`)
+  .replace(
+    /class="transparent-fill none-stroke"/g,
+    `fill="rgba(255,255,255,0)" stroke="none"`
+  )
+  .replace(/class="text"/g, `fill="#000"`)
+  .replace(/<g><g>/g, ``)
+  .replace(/<\/g><\/g>/g, ``)
+console.log(string)

Diff for: pnpm-lock.yaml

@@ -3,17 +3,15 @@
     { "type": "root" },
     {
       "type": "character",
-      "value": { "type": "string", "value": "a" },
-      "texts": ["a"]
+      "value": { "kind": "string", "value": "a" }
     },
     { "type": "root" }
   ],
   "/abc/": [
     { "type": "root" },
     {
       "type": "character",
-      "value": { "type": "string", "value": "abc" },
-      "texts": ["abc"]
+      "value": { "kind": "string", "value": "abc" }
     },
     { "type": "root" }
   ],
@@ -22,12 +20,67 @@
     {
       "type": "character",
       "value": {
-        "type": "ranges",
+        "kind": "ranges",
         "value": [{ "from": "a", "to": "b" }],
         "negate": false
-      },
-      "texts": ["a - b"],
-      "name": "One of "
+      }
+    },
+    { "type": "root" }
+  ],
+  "/[a]/": [
+    { "type": "root" },
+    {
+      "type": "character",
+      "value": {
+        "kind": "ranges",
+        "value": [{ "from": "a", "to": "a" }],
+        "negate": false
+      }
+    },
+    { "type": "root" }
+  ],
+  "/[a-bb-c]/": [
+    { "type": "root" },
+    {
+      "type": "character",
+      "value": {
+        "kind": "ranges",
+        "value": [
+          { "from": "a", "to": "b" },
+          { "from": "b", "to": "c" }
+        ],
+        "negate": false
+      }
+    },
+    { "type": "root" }
+  ],
+  "/[a-bc]/": [
+    { "type": "root" },
+    {
+      "type": "character",
+      "value": {
+        "kind": "ranges",
+        "value": [
+          { "from": "a", "to": "b" },
+          { "from": "c", "to": "c" }
+        ],
+        "negate": false
+      }
+    },
+    { "type": "root" }
+  ],
+  "/[^a-bc]/": [
+    { "type": "root" },
+    {
+      "type": "character",
+      "value": {
+        "kind": "ranges",
+        "value": [
+          { "from": "a", "to": "b" },
+          { "from": "c", "to": "c" }
+        ],
+        "negate": true
+      }
     },
     { "type": "root" }
   ]

Diff for: scripts/figma.js

@@ -0,0 +1,46 @@
+import { removeFields } from "tests/utils"
+import parse from "../parse"
+import parseJson from "./parse.json"
+
+const p = (regex: string) => {
+  return removeFields(parse(regex), ["id"])
+}
+
+describe("Parse Regex String", function () {
+  describe("Character", function () {
+    it("single character", function () {
+      const r = "/a/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+
+    it("multiple character", function () {
+      const r = "/abc/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+
+    it("normal range", function () {
+      const r = "/[a-b]/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+
+    it("single range", function () {
+      const r = "/[a]/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+
+    it("multiple range1", function () {
+      const r = "/[a-bb-c]/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+
+    it("multiple range2", function () {
+      const r = "/[a-bc]/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+
+    it("negate range", function () {
+      const r = "/[^a-bc]/"
+      expect(p(r)).toEqual(parseJson[r])
+    })
+  })
+})

Diff for: src/parser/__tests__/parse.json

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ["@babel/env", "@babel/react", "@babel/typescript"],
+  plugins: ["styled-jsx/babel-test"],
+}

Diff for: src/parser/__tests__/parse.spec.ts

@@ -0,0 +1 @@
+

Diff for: src/parser/__tests__/parse.test.ts

@@ -0,0 +1,14 @@
+export const removeFields = (target: any, fields: string[]) => {
+  if (Array.isArray(target)) {
+    target.forEach((item) => removeFields(item, fields))
+  } else if ({}.toString.call(target) === "[object Object]") {
+    Object.keys(target).forEach((key) => {
+      if (fields.includes(key)) {
+        delete target[key]
+      } else {
+        removeFields(target[key], fields)
+      }
+    })
+  }
+  return target
+}

Diff for: tests/.babelrc.js

@@ -17,10 +17,12 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react",
+    "noFallthroughCasesInSwitch": true
   },
   "include": [
-    "src"
+    "src",
+    "tests"
   ],
   "extends": "./paths.json"
 }