added test

Author: dannyYassine

.vscode/settings.json

@@ -7,12 +7,14 @@
  "better-phpunit.phpunitBinary": "/usr/src/api/vendor/bin/phpunit",
  "better-phpunit.xmlConfigFilepath": "/usr/src/api/phpunit.xml",
  "better-phpunit.docker.paths": {
- "/workspace/docker-octane-vue/api": "/usr/src/api"
+ "/workspace/docker-octane-vue/api": "/usr/src/api",
+ "${workspaceFolder}": "${workspaceFolder}"
  },
  "better-phpunit.commandSuffix": "--colors=auto",
  "phpunit.phpunit": "/usr/src/api/vendor/bin/phpunit", // Skip to find in common places (vendor, *.phar)
  "phpunit.docker.container": "api", // Skip to select from running containers
  "phpunit.paths": { // Map paths in remote environments.
- "/workspace/docker-octane-vue/api": "/usr/src/api"
+ "/workspace/docker-octane-vue/api": "/usr/src/api",
+ "${workspaceFolder}": "${workspaceFolder}"
  }
 }

client/package.json

@@ -7,7 +7,8 @@
  "dev": "vite --host",
  "build": "vue-tsc --noEmit && vite build",
  "preview": "vite preview",
- "test": "echo 0",
+ "test": "vitest --segfault-retry=3",
+ "test:clear": "vite test:unit --clearCache",
  "pw:test": "npx playwright test"
  },
  "dependencies": {
@@ -17,8 +18,11 @@
  "@playwright/test": "1.31.2",
  "@types/node": "18.11.9",
  "@vitejs/plugin-vue": "^3.0.0",
+ "@vue/test-utils": "^2.3.1",
+ "jsdom": "^21.1.1",
  "typescript": "^4.6.4",
  "vite": "^3.0.0",
+ "vitest": "^0.29.2",
  "vue-tsc": "^0.38.4"
  }
-}
+}

client/src/__tests__/integration/App.spec.ts

@@ -0,0 +1,14 @@
+import { test, describe, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import App from "./../../App.vue";
+
+describe("App", () => {
+ describe("when mounting", () => {
+ test("can renderq", () => {
+ const wrapper = mount(App);
+
+ expect(wrapper.html()).toBeTruthy();
+ expect(wrapper.exists()).toBeTruthy();
+ });
+ });
+});

client/vite.config.ts

@@ -1,23 +1,42 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { configDefaults } from "vitest/config";
 
 // https://vitejs.dev/config/
-export default defineConfig(({command, mode}) => {
- const processEnvViteValues = Object.keys(process.env).reduce((accum: Record<string, any>, key: string) => {
- if (key.startsWith('VITE_APP')) {
- accum[key] = `'${process.env[key]}'`;
- }
+export default defineConfig(({ command, mode }) => {
+ const processEnvViteValues = Object.keys(process.env).reduce(
+ (accum: Record<string, any>, key: string) => {
+ if (key.startsWith("VITE_APP")) {
+ accum[key] = `'${process.env[key]}'`;
+ }
 
- return accum;
- }, {});
+ return accum;
+ },
+ {}
+ );
+
+ const isCI = process.env.IS_CI === "true";
 
  return {
  define: {
- ...processEnvViteValues
+ ...processEnvViteValues,
+ },
+ test: {
+ deps: {
+ inline: ["moment"],
+ },
+ environment: "jsdom",
+ exclude: [...configDefaults.exclude, "**/playwright/**"],
+ mockReset: true,
+ restoreMocks: true,
+ testTimeout: isCI ? 30000 : 10000,
+ hookTimeout: isCI ? 30000 : 10000,
+ teardownTimeout: isCI ? 30000 : 10000,
+ reporters: ["verbose"],
  },
  plugins: [vue()],
  server: {
- port: 3000
- }
- }
-})
+ port: 3000,
+ },
+ };
+});