Skip to content

Commit ef69abd

Browse files
graphierosgraphieros
committed
Dev environment - Improve manual testing arena with dedicated app
1 parent b0d8596 commit ef69abd

28 files changed

+3904
-0
lines changed

‎manual-testing/.gitignore‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
.DS_Store
12+
dist
13+
dist-ssr
14+
coverage
15+
*.local
16+
17+
# Editor directories and files
18+
.vscode/*
19+
!.vscode/extensions.json
20+
.idea
21+
*.suo
22+
*.ntvs*
23+
*.njsproj
24+
*.sln
25+
*.sw?
26+
27+
*.tsbuildinfo
28+
29+
.eslintcache
30+
31+
# Cypress
32+
/cypress/videos/
33+
/cypress/screenshots/
34+
35+
# Vitest
36+
__screenshots__/

‎manual-testing/.vscode/extensions.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"recommendations": ["Vue.volar"]
3+
}

‎manual-testing/README.md‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# manual-testing
2+
3+
This template should help get you started developing with Vue 3 in Vite.
4+
5+
## Recommended IDE Setup
6+
7+
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
8+
9+
## Recommended Browser Setup
10+
11+
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
12+
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
13+
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
14+
- Firefox:
15+
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
16+
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
17+
18+
## Type Support for `.vue` Imports in TS
19+
20+
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
21+
22+
## Customize configuration
23+
24+
See [Vite Configuration Reference](https://vite.dev/config/).
25+
26+
## Project Setup
27+
28+
```sh
29+
npm install
30+
```
31+
32+
### Compile and Hot-Reload for Development
33+
34+
```sh
35+
npm run dev
36+
```
37+
38+
### Type-Check, Compile and Minify for Production
39+
40+
```sh
41+
npm run build
42+
```

‎manual-testing/add-dev-dep.cjs‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
const fs = require('fs');
2+
3+
fs.readFile('package.json', 'utf8', (err, data) => {
4+
if (err) {
5+
console.error('Error reading package.json:', err);
6+
return;
7+
}
8+
let packageJson = JSON.parse(data);
9+
10+
// Add the local build generated in the main project
11+
packageJson.devDependencies = {
12+
...packageJson.devDependencies,
13+
"vue-data-ui": "file:../../vue-data-ui"
14+
};
15+
16+
fs.writeFile('package.json', JSON.stringify(packageJson, null, 2), 'utf8', (err) => {
17+
if (err) {
18+
console.error('Error writing to package.json:', err);
19+
return;
20+
}
21+
console.log('-- DEV MODE : Local vue-data-ui package added successfully --');
22+
});
23+
});

‎manual-testing/env.d.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/// <reference types="vite/client" />

‎manual-testing/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="">
3+
<head>
4+
<meta charset="UTF-8">
5+
<link rel="icon" href="/favicon.ico">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Vue Data UI - Manual testing</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.ts"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)