Fix UI unit tests

This commit is contained in:
Dmitry Romashov 2024-05-21 15:26:04 +02:00 committed by GitHub
parent 42920595ad
commit d4d23dce72
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 907 additions and 265 deletions

View file

@ -9,7 +9,6 @@ module.exports = {
env: { env: {
node: true, node: true,
browser: true, browser: true,
mocha: true,
'vue/setup-compiler-macros': true 'vue/setup-compiler-macros': true
}, },
@ -18,14 +17,12 @@ module.exports = {
// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules. // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
'plugin:vue/vue3-essential', 'plugin:vue/vue3-essential',
'plugin:vue/vue3-recommended', 'plugin:vue/vue3-recommended',
'plugin:mocha/recommended',
'standard' 'standard'
], ],
// required to lint *.vue files // required to lint *.vue files
plugins: [ plugins: [
'vue', 'vue',
'mocha'
], ],
globals: { globals: {

View file

@ -8,12 +8,14 @@
"scripts": { "scripts": {
"transfer": "node dev/scripts/transfer.js", "transfer": "node dev/scripts/transfer.js",
"lint": "eslint --ext .js,.vue src", "lint": "eslint --ext .js,.vue src",
"test-unit": "mocha-webpack --mode=production './src/**/*.spec.js'",
"dev": "export APP_ENV='development' && quasar dev", "dev": "export APP_ENV='development' && quasar dev",
"build-quasar": "quasar build", "build-quasar": "quasar build",
"build-staging": "export NODE_ENV='production' && export APP_ENV='development' && yarn build-quasar", "build-staging": "export NODE_ENV='production' && export APP_ENV='development' && yarn build-quasar",
"build": "export NODE_ENV='production' && export APP_ENV='production' && yarn build-quasar && yarn transfer spa", "build": "export NODE_ENV='production' && export APP_ENV='production' && yarn build-quasar && yarn transfer spa",
"build:nc": "yarn build" "build:nc": "yarn build",
"test": "echo \"See package.json => scripts for available tests.\" && exit 0",
"test:unit": "vitest",
"test:unit:ci": "vitest run"
}, },
"dependencies": { "dependencies": {
"@quasar/extras": "^1.16.9", "@quasar/extras": "^1.16.9",
@ -39,18 +41,17 @@
"@babel/eslint-parser": "^7.23.10", "@babel/eslint-parser": "^7.23.10",
"@quasar/app-vite": "^1.4.3", "@quasar/app-vite": "^1.4.3",
"@quasar/babel-preset-app": "^2.0.2", "@quasar/babel-preset-app": "^2.0.2",
"@quasar/quasar-app-extension-testing-unit-vitest": "^1.0.0",
"@vue/test-utils": "^2.4.4", "@vue/test-utils": "^2.4.4",
"autoprefixer": "^10.4.2", "autoprefixer": "^10.4.2",
"chai": "5.0.3",
"eslint": "^8.11.0", "eslint": "^8.11.0",
"eslint-config-standard": "^17.0.0", "eslint-config-standard": "^17.0.0",
"eslint-plugin-import": "^2.19.1", "eslint-plugin-import": "^2.19.1",
"eslint-plugin-mocha": "^10.2.0",
"eslint-plugin-n": "^16.6.2", "eslint-plugin-n": "^16.6.2",
"eslint-plugin-promise": "^6.0.0", "eslint-plugin-promise": "^6.0.0",
"eslint-plugin-vue": "^9.0.0", "eslint-plugin-vue": "^9.0.0",
"mocha": "^10.2.0", "postcss": "^8.4.14",
"postcss": "^8.4.14" "vitest": "^1.3.1"
}, },
"engines": { "engines": {
"node": "^20 || ^18 || ^16", "node": "^20 || ^18 || ^16",

View file

@ -5,7 +5,7 @@ const { configure } = require('quasar/wrappers')
module.exports = configure(function (ctx) { module.exports = configure(function (ctx) {
return { return {
eslint: { eslint: {
warnings: true, warnings: true,
errors: true errors: true
}, },
@ -122,10 +122,10 @@ module.exports = configure(function (ctx) {
build: { build: {
// Needed to have relative assets in the index.html // Needed to have relative assets in the index.html
// https://github.com/quasarframework/quasar/issues/8513#issuecomment-1127654470 // https://github.com/quasarframework/quasar/issues/8513#issuecomment-1127654470
extendViteConf(viteConf, {isServer, isClient}) { extendViteConf (viteConf, { isServer, isClient }) {
viteConf.base = ""; viteConf.base = ''
}, },
viteVuePluginOptions: { viteVuePluginOptions: {
template: { template: {
compilerOptions: { compilerOptions: {
isCustomElement: (tag) => tag.startsWith('hub-') isCustomElement: (tag) => tag.startsWith('hub-')
@ -139,13 +139,13 @@ module.exports = configure(function (ctx) {
publicPath: process.env.APP_PUBLIC_PATH || '', publicPath: process.env.APP_PUBLIC_PATH || '',
env: process.env.APP_ENV === 'development' env: process.env.APP_ENV === 'development'
? { // staging: ? { // staging:
APP_ENV: process.env.APP_ENV, APP_ENV: process.env.APP_ENV,
APP_API: process.env.APP_API || '/api' APP_API: process.env.APP_API || '/api'
} }
: { // production: : { // production:
APP_ENV: process.env.APP_ENV, APP_ENV: process.env.APP_ENV,
APP_API: process.env.APP_API || '/api' APP_API: process.env.APP_API || '/api'
}, },
uglifyOptions: { uglifyOptions: {
compress: { compress: {
drop_console: process.env.APP_ENV === 'production', drop_console: process.env.APP_ENV === 'production',
@ -173,7 +173,7 @@ module.exports = configure(function (ctx) {
animations: [], animations: [],
ssr: { ssr: {
pwa: false, pwa: false
}, },
pwa: { pwa: {
@ -201,29 +201,29 @@ module.exports = configure(function (ctx) {
theme_color: '#027be3', theme_color: '#027be3',
icons: [ icons: [
{ {
'src': 'icons/icon-128x128.png', src: 'icons/icon-128x128.png',
'sizes': '128x128', sizes: '128x128',
'type': 'image/png' type: 'image/png'
}, },
{ {
'src': 'icons/icon-192x192.png', src: 'icons/icon-192x192.png',
'sizes': '192x192', sizes: '192x192',
'type': 'image/png' type: 'image/png'
}, },
{ {
'src': 'icons/icon-256x256.png', src: 'icons/icon-256x256.png',
'sizes': '256x256', sizes: '256x256',
'type': 'image/png' type: 'image/png'
}, },
{ {
'src': 'icons/icon-384x384.png', src: 'icons/icon-384x384.png',
'sizes': '384x384', sizes: '384x384',
'type': 'image/png' type: 'image/png'
}, },
{ {
'src': 'icons/icon-512x512.png', src: 'icons/icon-512x512.png',
'sizes': '512x512', sizes: '512x512',
'type': 'image/png' type: 'image/png'
} }
] ]
} }

View file

@ -0,0 +1,5 @@
{
"@quasar/testing-unit-vitest": {
"options": []
}
}

View file

@ -20,7 +20,7 @@ make clean-webui generate-webui # Generate static contents in `webui/static/` fo
## How to build (only for frontend developer) ## How to build (only for frontend developer)
- prerequisite: [Node 12.11+](https://nodejs.org) [Yarn](https://yarnpkg.com/) - prerequisite: [Node 20.11+](https://nodejs.org) [Yarn 1.22.19](https://yarnpkg.com/)
- Go to the `webui/` directory - Go to the `webui/` directory
@ -57,7 +57,7 @@ make clean-webui generate-webui # Generate static contents in `webui/static/` fo
- [Node](https://nodejs.org) - [Node](https://nodejs.org)
- [Yarn](https://yarnpkg.com/) - [Yarn](https://yarnpkg.com/)
- [Webpack](https://github.com/webpack/webpack) - [Quasar](https://quasar.dev/)
- [Vue](https://vuejs.org/) - [Vue](https://vuejs.org/)
- [Bulma](https://bulma.io) - [Bulma](https://bulma.io)
- [D3](https://d3js.org) - [D3](https://d3js.org)

View file

@ -1,4 +1,4 @@
import { expect } from 'chai' import { describe, expect, it } from 'vitest'
import store from './index.js' import store from './index.js'
const { const {

View file

@ -1,4 +1,4 @@
import { expect } from 'chai' import { describe, expect, it } from 'vitest'
import store from './index.js' import store from './index.js'
const { const {

View file

@ -1,4 +1,4 @@
import { expect } from 'chai' import { describe, expect, it } from 'vitest'
import store from './index.js' import store from './index.js'
const { const {

View file

@ -0,0 +1 @@
// This file will be run before each test file

24
webui/vitest.config.mjs Normal file
View file

@ -0,0 +1,24 @@
import { defineConfig } from 'vitest/config';
import vue from '@vitejs/plugin-vue';
import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
import jsconfigPaths from 'vite-jsconfig-paths';
// https://vitejs.dev/config/
export default defineConfig({
test: {
environment: 'happy-dom',
setupFiles: 'test/vitest/setup-file.js',
include: [
// Matches vitest tests in any subfolder of 'src' or into 'test/vitest/__tests__'
// Matches all files with extension 'js', 'jsx', 'ts' and 'tsx'
'src/**/*.vitest.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
],
},
plugins: [
vue({
template: { transformAssetUrls },
}),
quasar(),
jsconfigPaths(),
],
});

File diff suppressed because it is too large Load diff