From e8929100f6faebbb6007824afaf461af9fabd5eb Mon Sep 17 00:00:00 2001 From: rot1024 Date: Wed, 11 Sep 2024 05:24:42 +0900 Subject: [PATCH] test(web): enable vscode vitest extension --- web/package.json | 360 +++++++++++++++++++++---------------------- web/vitest.config.ts | 6 + 2 files changed, 186 insertions(+), 180 deletions(-) create mode 100644 web/vitest.config.ts diff --git a/web/package.json b/web/package.json index 4d5d85f090..8ddfe4bc56 100644 --- a/web/package.json +++ b/web/package.json @@ -1,182 +1,182 @@ { - "name": "@reearth/visualizer", - "version": "1.0.0-alpha.4", - "repository": "https://github.com/reearth/reearth-visualizer.git", - "author": "Re:Earth contributors ", - "license": "Apache-2.0", - "type": "module", - "private": true, - "scripts": { - "start": "yarn && vite", - "test": "vitest run --reporter verbose", - "coverage": "vitest --coverage", - "e2e": "playwright test", - "prepare": "cd .. && husky install web/.husky", - "build": "vite build", - "build:preview": "run-s build storybook:build", - "clean": "del coverage dist node_modules/.cache", - "check": "run-p type lint coverage", - "type": "tsc", - "lint": "eslint .", - "fix": "eslint --fix .", - "format": "prettier --write .", - "storybook": "storybook dev -p 9001", - "storybook:build": "storybook build --quiet -o dist/storybook", - "gql": "graphql-codegen", - "i18n": "i18next", - "gen:doc:plugin": "ts-node -O '{\"module\":\"CommonJS\"}' ./bin/pluginDoc" - }, - "engines": { - "node": ">=20.11.0" - }, - "lint-staged": { - "**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}": "eslint --fix" - }, - "devDependencies": { - "@emotion/jest": "11.13.0", - "@graphql-codegen/cli": "3.3.1", - "@graphql-codegen/client-preset": "4.0.1", - "@graphql-codegen/fragment-matcher": "4.0.1", - "@graphql-codegen/introspection": "4.0.0", - "@graphql-codegen/typescript": "4.0.1", - "@graphql-codegen/typescript-operations": "4.0.1", - "@graphql-codegen/typescript-react-apollo": "3.3.7", - "@playwright/test": "1.46.1", - "@rollup/plugin-yaml": "4.1.2", - "@storybook/addon-actions": "8.2.9", - "@storybook/addon-essentials": "8.2.9", - "@storybook/addon-styling": "1.3.7", - "@storybook/addons": "7.6.17", - "@storybook/manager-api": "8.2.9", - "@storybook/preview-api": "8.2.9", - "@storybook/react": "8.2.9", - "@storybook/react-vite": "8.2.9", - "@storybook/theming": "8.2.9", - "@testing-library/dom": "10.4.0", - "@testing-library/jest-dom": "6.5.0", - "@testing-library/react": "16.0.1", - "@types/apollo-upload-client": "18.0.0", - "@types/carbon__colors": "10.31.3", - "@types/crypto-js": "4.2.2", - "@types/js-yaml": "4", - "@types/lodash-es": "4.17.12", - "@types/node": "22.5.2", - "@types/react": "18.3.5", - "@types/react-beautiful-dnd": "13.1.8", - "@types/react-dom": "18.3.0", - "@types/react-ga": "2.3.0", - "@types/sortablejs": "1.15.8", - "@types/styled-components": "5.1.29", - "@types/tinycolor2": "1.4.6", - "@types/uuid": "10.0.0", - "@vitejs/plugin-react-swc": "3.5.0", - "@vitest/coverage-v8": "0.34.6", - "@welldone-software/why-did-you-render": "8.0.3", - "del-cli": "5.1.0", - "dotenv": "16.4.5", - "eslint": "9.9.1", - "eslint-config-reearth": "0.3.6", - "eslint-plugin-playwright": "1.6.2", - "eslint-plugin-storybook": "0.8.0", - "husky": "9.1.5", - "i18next-parser": "9.0.2", - "jsdom": "25.0.0", - "lint-staged": "15.2.10", - "npm-run-all": "4.1.5", - "prettier": "3.3.3", - "read-env": "2.0.0", - "rollup": "4.21.2", - "rollup-plugin-visualizer": "5.12.0", - "storybook": "8.2.9", - "ts-node": "10.9.2", - "type-fest": "4.26.0", - "typescript": "5.5.4", - "typescript-styled-plugin": "0.18.3", - "vite": "5.3.5", - "vite-plugin-cesium": "1.2.23", - "vite-plugin-svgr": "4.2.0", - "vite-tsconfig-paths": "4.2.1", - "vitest": "1.6.0", - "web-streams-polyfill": "3.2.1" - }, - "dependencies": { - "@apollo/client": "3.11.2", - "@auth0/auth0-react": "2.2.2", - "@aws-amplify/auth": "5.3.1", - "@aws-amplify/ui-react": "5.3.1", - "@carbon/colors": "11.25.0", - "@emotion/react": "11.11.1", - "@emotion/styled": "11.11.0", - "@floating-ui/dom": "1.6.10", - "@floating-ui/react": "0.24.7", - "@graphiql/toolkit": "0.11.0", - "@lexical/code": "0.12.0", - "@lexical/hashtag": "0.12.0", - "@lexical/link": "0.12.0", - "@lexical/list": "0.12.0", - "@lexical/mark": "0.12.0", - "@lexical/overflow": "0.12.0", - "@lexical/react": "0.12.0", - "@lexical/rich-text": "0.12.0", - "@lexical/selection": "0.12.0", - "@lexical/table": "0.12.0", - "@lexical/utils": "0.12.0", - "@monaco-editor/react": "4.6.0", - "@popperjs/core": "2.11.8", - "@reearth/core": "0.0.7-alpha.13", - "@rot1024/use-transition": "1.0.0", - "@sentry/browser": "7.77.0", - "@seznam/compose-react-refs": "1.0.6", - "@ungap/event-target": "0.2.4", - "apollo-link-sentry": "3.2.3", - "apollo-upload-client": "18.0.1", - "aws-amplify": "5.3.11", - "axios": "1.7.7", - "cesium": "1.118.0", - "core-js": "3.38.1", - "crypto-js": "4.2.0", - "dayjs": "1.11.13", - "formik": "2.4.6", - "github-markdown-css": "5.6.1", - "graphiql": "3.4.0", - "graphql": "16.6.0", - "i18next": "23.14.0", - "i18next-browser-languagedetector": "8.0.0", - "jotai": "2.9.3", - "js-yaml": "4.1.0", - "jszip": "3.10.1", - "lexical": "0.12.2", - "localforage": "1.10.0", - "lodash-es": "4.17.21", - "moment-timezone": "0.5.45", - "quickjs-emscripten": "0.24.0", - "quickjs-emscripten-sync": "1.5.2", - "rc-slider": "9.7.5", - "react": "18.3.1", - "react-accessible-accordion": "5.0.0", - "react-align": "2.2.2", - "react-beautiful-dnd": "13.1.1", - "react-colorful": "5.6.1", - "react-dnd": "16.0.1", - "react-dnd-html5-backend": "16.0.1", - "react-dom": "18.3.1", - "react-ga": "3.3.1", - "react-ga4": "2.1.0", - "react-i18next": "15.0.1", - "react-markdown": "9.0.1", - "react-player": "2.16.0", - "react-popper": "2.3.0", - "react-router-dom": "6.26.1", - "react-sortablejs": "6.1.4", - "react-spinners": "0.14.1", - "react-use": "17.5.1", - "react18-json-view": "0.2.8", - "remark-gfm": "4.0.0", - "sortablejs": "1.15.3", - "tinycolor2": "1.6.0", - "ts-easing": "0.2.0", - "use-file-input": "1.0.0", - "uuid": "10.0.0" - }, - "packageManager": "yarn@4.4.0" + "name": "@reearth/visualizer", + "version": "1.0.0-alpha.4", + "repository": "https://github.com/reearth/reearth-visualizer.git", + "author": "Re:Earth contributors ", + "license": "Apache-2.0", + "type": "module", + "private": true, + "scripts": { + "start": "yarn && vite", + "test": "vitest", + "coverage": "vitest --coverage", + "e2e": "playwright test", + "prepare": "cd .. && husky install web/.husky", + "build": "vite build", + "build:preview": "run-s build storybook:build", + "clean": "del coverage dist node_modules/.cache", + "check": "run-p type lint coverage", + "type": "tsc", + "lint": "eslint .", + "fix": "eslint --fix .", + "format": "prettier --write .", + "storybook": "storybook dev -p 9001", + "storybook:build": "storybook build --quiet -o dist/storybook", + "gql": "graphql-codegen", + "i18n": "i18next", + "gen:doc:plugin": "ts-node -O '{\"module\":\"CommonJS\"}' ./bin/pluginDoc" + }, + "engines": { + "node": ">=20.11.0" + }, + "lint-staged": { + "**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}": "eslint --fix" + }, + "devDependencies": { + "@emotion/jest": "11.13.0", + "@graphql-codegen/cli": "3.3.1", + "@graphql-codegen/client-preset": "4.0.1", + "@graphql-codegen/fragment-matcher": "4.0.1", + "@graphql-codegen/introspection": "4.0.0", + "@graphql-codegen/typescript": "4.0.1", + "@graphql-codegen/typescript-operations": "4.0.1", + "@graphql-codegen/typescript-react-apollo": "3.3.7", + "@playwright/test": "1.46.1", + "@rollup/plugin-yaml": "4.1.2", + "@storybook/addon-actions": "8.2.9", + "@storybook/addon-essentials": "8.2.9", + "@storybook/addon-styling": "1.3.7", + "@storybook/addons": "7.6.17", + "@storybook/manager-api": "8.2.9", + "@storybook/preview-api": "8.2.9", + "@storybook/react": "8.2.9", + "@storybook/react-vite": "8.2.9", + "@storybook/theming": "8.2.9", + "@testing-library/dom": "10.4.0", + "@testing-library/jest-dom": "6.5.0", + "@testing-library/react": "16.0.1", + "@types/apollo-upload-client": "18.0.0", + "@types/carbon__colors": "10.31.3", + "@types/crypto-js": "4.2.2", + "@types/js-yaml": "4", + "@types/lodash-es": "4.17.12", + "@types/node": "22.5.2", + "@types/react": "18.3.5", + "@types/react-beautiful-dnd": "13.1.8", + "@types/react-dom": "18.3.0", + "@types/react-ga": "2.3.0", + "@types/sortablejs": "1.15.8", + "@types/styled-components": "5.1.29", + "@types/tinycolor2": "1.4.6", + "@types/uuid": "10.0.0", + "@vitejs/plugin-react-swc": "3.5.0", + "@vitest/coverage-v8": "0.34.6", + "@welldone-software/why-did-you-render": "8.0.3", + "del-cli": "5.1.0", + "dotenv": "16.4.5", + "eslint": "9.9.1", + "eslint-config-reearth": "0.3.6", + "eslint-plugin-playwright": "1.6.2", + "eslint-plugin-storybook": "0.8.0", + "husky": "9.1.5", + "i18next-parser": "9.0.2", + "jsdom": "25.0.0", + "lint-staged": "15.2.10", + "npm-run-all": "4.1.5", + "prettier": "3.3.3", + "read-env": "2.0.0", + "rollup": "4.21.2", + "rollup-plugin-visualizer": "5.12.0", + "storybook": "8.2.9", + "ts-node": "10.9.2", + "type-fest": "4.26.0", + "typescript": "5.5.4", + "typescript-styled-plugin": "0.18.3", + "vite": "5.3.5", + "vite-plugin-cesium": "1.2.23", + "vite-plugin-svgr": "4.2.0", + "vite-tsconfig-paths": "4.2.1", + "vitest": "1.6.0", + "web-streams-polyfill": "3.2.1" + }, + "dependencies": { + "@apollo/client": "3.11.2", + "@auth0/auth0-react": "2.2.2", + "@aws-amplify/auth": "5.3.1", + "@aws-amplify/ui-react": "5.3.1", + "@carbon/colors": "11.25.0", + "@emotion/react": "11.11.1", + "@emotion/styled": "11.11.0", + "@floating-ui/dom": "1.6.10", + "@floating-ui/react": "0.24.7", + "@graphiql/toolkit": "0.11.0", + "@lexical/code": "0.12.0", + "@lexical/hashtag": "0.12.0", + "@lexical/link": "0.12.0", + "@lexical/list": "0.12.0", + "@lexical/mark": "0.12.0", + "@lexical/overflow": "0.12.0", + "@lexical/react": "0.12.0", + "@lexical/rich-text": "0.12.0", + "@lexical/selection": "0.12.0", + "@lexical/table": "0.12.0", + "@lexical/utils": "0.12.0", + "@monaco-editor/react": "4.6.0", + "@popperjs/core": "2.11.8", + "@reearth/core": "0.0.7-alpha.13", + "@rot1024/use-transition": "1.0.0", + "@sentry/browser": "7.77.0", + "@seznam/compose-react-refs": "1.0.6", + "@ungap/event-target": "0.2.4", + "apollo-link-sentry": "3.2.3", + "apollo-upload-client": "18.0.1", + "aws-amplify": "5.3.11", + "axios": "1.7.7", + "cesium": "1.118.0", + "core-js": "3.38.1", + "crypto-js": "4.2.0", + "dayjs": "1.11.13", + "formik": "2.4.6", + "github-markdown-css": "5.6.1", + "graphiql": "3.4.0", + "graphql": "16.6.0", + "i18next": "23.14.0", + "i18next-browser-languagedetector": "8.0.0", + "jotai": "2.9.3", + "js-yaml": "4.1.0", + "jszip": "3.10.1", + "lexical": "0.12.2", + "localforage": "1.10.0", + "lodash-es": "4.17.21", + "moment-timezone": "0.5.45", + "quickjs-emscripten": "0.24.0", + "quickjs-emscripten-sync": "1.5.2", + "rc-slider": "9.7.5", + "react": "18.3.1", + "react-accessible-accordion": "5.0.0", + "react-align": "2.2.2", + "react-beautiful-dnd": "13.1.1", + "react-colorful": "5.6.1", + "react-dnd": "16.0.1", + "react-dnd-html5-backend": "16.0.1", + "react-dom": "18.3.1", + "react-ga": "3.3.1", + "react-ga4": "2.1.0", + "react-i18next": "15.0.1", + "react-markdown": "9.0.1", + "react-player": "2.16.0", + "react-popper": "2.3.0", + "react-router-dom": "6.26.1", + "react-sortablejs": "6.1.4", + "react-spinners": "0.14.1", + "react-use": "17.5.1", + "react18-json-view": "0.2.8", + "remark-gfm": "4.0.0", + "sortablejs": "1.15.3", + "tinycolor2": "1.6.0", + "ts-easing": "0.2.0", + "use-file-input": "1.0.0", + "uuid": "10.0.0" + }, + "packageManager": "yarn@4.4.0" } diff --git a/web/vitest.config.ts b/web/vitest.config.ts new file mode 100644 index 0000000000..29a9211b60 --- /dev/null +++ b/web/vitest.config.ts @@ -0,0 +1,6 @@ +import { defineConfig, mergeConfig } from "vitest/config"; + +import viteConfig from "./vite.config.ts"; + +// This file is required by VSCode's Vitest extension. +export default mergeConfig(viteConfig, defineConfig({}));