example(react-component-tsx): update test example.

.github/workflows/ci.yml

@@ -76,7 +76,13 @@ jobs:
 
       - name: example @template/react-component-tsx
         working-directory: example/react-component-tsx
-        run: npm run build:lib && npm run doc
+        run: |
+          npm run build:lib
+          npm run doc
+          npm run test:coverage
+          # The following changes are being made to your tsconfig.json file:
+          #   - compilerOptions.noEmit must be true
+          git checkout -f ./tsconfig.json
 
       - name: example @template/rematch
         working-directory: example/rematch

example/react-component-tsx/.kktrc.ts

@@ -11,7 +11,7 @@ export default (conf: Configuration, env: 'development' | 'production', options:
   conf = rawModules(conf, env, { ...options });
   conf = scopePluginOptions(conf, env, {
     ...options,
-    allowedFiles: [path.resolve(process.cwd(), 'README.md')],
+    allowedFiles: [path.resolve(process.cwd(), 'README.md'), path.resolve(process.cwd(), 'src')],
   });
   conf = lessModules(conf, env, options);
   // Get the project version.

example/react-component-tsx/.prettierrc

@@ -2,6 +2,7 @@
   "singleQuote": true,
   "trailingComma": "all",
   "printWidth": 120,
+  "endOfLine": "auto",
   "overrides": [
     {
       "files": ".prettierrc",

example/react-component-tsx/package.json

@@ -11,16 +11,18 @@
     "build": "npm run build:lib && npm run doc",
     "build:lib": "npm run ts:build && npm run types:esm && npm run types:cjs && npm run css:build && npm run css:build:dist",
     "watch": "npm run ts:watch & npm run types:watch & npm run css:watch",
-    "types:build": "tsbb types --sourceRoot src --target ESNEXT",
+    "types:build": "tsbb types --sourceRoot src --target ESNEXT --jsx --emitDeclarationOnly false",
     "types:watch": "npm run types:esm -- --watch & npm run types:cjs -- --watch",
     "types:esm": "npm run types:build -- --outDir ../lib/esm",
     "types:cjs": "npm run types:build -- --outDir ../lib/cjs",
     "css:build": "compile-less -d src -o lib/esm",
     "css:watch": "compile-less -d src -o lib/esm --watch",
-    "css:build:dist": "compile-less -d src --combine dist/index.css --rm-global",
+    "css:build:dist": "compile-less -d src --combine lib/dist.css --rm-global",
     "ts:watch": "tsbb watch --env-name esm:dev --env-name cjs --target react",
     "ts:build": "tsbb build --target react",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\""
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "kkt test --env=jsdom --app-src=./website",
+    "test:coverage": "kkt test --env=jsdom --coverage --app-src=./website"
   },
   "repository": {
     "type": "git",
@@ -35,7 +37,7 @@
   },
   "lint-staged": {
     "*.{js,jsx,tsx,ts,less,md,json}": [
-      "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\""
+      "prettier --write"
     ]
   },
   "peerDependencies": {
@@ -49,6 +51,7 @@
     "@kkt/scope-plugin-options": "6.10.3",
     "@types/react": "17.0.11",
     "@types/react-dom": "17.0.7",
+    "@types/react-test-renderer": "17.0.1",
     "@uiw/react-github-corners": "1.4.0",
     "@uiw/react-markdown-preview": "3.1.1",
     "compile-less-cli": "1.8.0",
@@ -58,6 +61,7 @@
     "prettier": "2.3.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
+    "react-test-renderer": "17.0.2",
     "tsbb": "2.2.0"
   },
   "eslintConfig": {

example/react-component-tsx/src/__test__/index.test.tsx

@@ -0,0 +1,13 @@
+/* eslint-disable jest/no-conditional-expect */
+import TestRenderer from 'react-test-renderer';
+import Button from '../';
+
+it('Should output a button', async () => {
+  const component = TestRenderer.create(<Button type="primary">Primary</Button>);
+  let tree = component.toJSON();
+  if (tree && !Array.isArray(tree)) {
+    expect(tree.type).toEqual('button');
+    expect(tree.props.disabled).toBeFalsy();
+    expect(tree.props.className).toEqual('w-btn w-btn-default w-btn-primary');
+  }
+});

example/react-component-tsx/src/tsconfig.json

@@ -1,20 +1,7 @@
 {
+  "extends": "../tsconfig",
+  "include": ["../src"],
   "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "declaration": true,
-    "baseUrl": ".",
-    "jsx": "react-jsx"
-  },
-  "include": ["../src"]
+    "baseUrl": "."
+  }
 }

example/react-component-tsx/tsconfig.json

@@ -1,22 +1,26 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
+    "sourceMap": false,
+    "target": "esnext",
+    "module": "esnext",
+    "lib": ["esnext", "dom"],
+    "moduleResolution": "node",
+    "allowJs": false,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "declaration": true,
     "baseUrl": "./website",
     "jsx": "react-jsx",
     "noFallthroughCasesInSwitch": true,
-    "noEmit": true
+    "noUnusedLocals": true,
+    "experimentalDecorators": true,
+    "removeComments": false,
+    "types": ["jest", "node"],
+    "forceConsistentCasingInFileNames": true
   },
-  "include": ["website", ".kktrc.ts"]
+  "include": ["src", "website", ".kktrc.ts"]
 }

example/react-component-tsx/website/App.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import GitHubCorners from '@uiw/react-github-corners';
 import logo from './logo.svg';
-import './App.css';
 import Button from '../';
 import MDStr from '../README.md';
+import './App.css';
 
 const App: React.FC = () => {
   return (

example/react-component-tsx/website/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 

example/rematch-hash-router/src/common/menu.js

@@ -26,7 +26,8 @@ const menuData = [
 ];
 
 /* eslint no-useless-escape:0 */
-const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
+const reg =
+  /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
 function isUrl(path) {
   return reg.test(path);
 }

example/rematch-tsx/src/models/login.ts

@@ -13,10 +13,10 @@ export type LoginState = {
 };
 
 export default createModel<RootModel>()({
-  state: ({
+  state: {
     userData: null,
     token: null,
-  } as unknown) as LoginState,
+  } as unknown as LoginState,
   reducers: {
     updateState: (state, payload: LoginState): LoginState => ({ ...state, ...payload }),
   },

example/rematch-uiw/src/common/menu.js

@@ -26,7 +26,8 @@ const menuData = [
 ];
 
 /* eslint no-useless-escape:0 */
-const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
+const reg =
+  /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
 function isUrl(path) {
   return reg.test(path);
 }

example/rematch/src/common/menu.js

@@ -26,7 +26,8 @@ const menuData = [
 ];
 
 /* eslint no-useless-escape:0 */
-const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
+const reg =
+  /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
 function isUrl(path) {
   return reg.test(path);
 }

package.json

@@ -57,9 +57,7 @@
     }
   },
   "lint-staged": {
-    "*.{js,jsx,tsx,ts,less,md,json}": [
-      "prettier --write"
-    ]
+    "*.{js,jsx,tsx,ts,less,md,json}": "prettier --write"
   },
   "devDependencies": {
     "husky": "4.3.8",