Skip to content

A VueJS web game app using with Graphql, Playwright, TailwindCSS, and Vitest

Notifications You must be signed in to change notification settings

henryzarza/vue-countries-game

Repository files navigation

vue-countries-game

This small project was to practice and learn new things like Playwright, Vitest, Vite, and Vue 3. I used this free GraphQL API made by Trevor Blades.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit
Screenshot 2023-11-23 at 11 41 00

Run Unit Tests coverage with Vitest

npm run test:unit:coverage
Screenshot 2023-11-23 at 11 44 40

Run End-to-End Tests with Playwright

# Install browsers for the first run
npx playwright install

# When testing on CI, must build the project first
npm run build

# Runs the end-to-end tests
npm run test:e2e
# Runs the tests only on Chromium
npm run test:e2e -- --project=chromium
# Runs the tests of a specific file
npm run test:e2e -- tests/example.spec.ts
# Runs the tests in debug mode
npm run test:e2e -- --debug
Screenshot 2023-11-23 at 11 40 30

Lint with ESLint

npm run lint

Run format

npm run format

Made with ❤️ by Henry Zarza

Releases

No releases published

Packages

No packages published

Languages