Application which users will be able to log in and they will keep persisted until logout button was clicked.
- Install yarn
- Clone this project:
git clone https://github.com/joucogi/karumi-code-test.git
- Move to the project folder:
cd karumi-code-test
There are two ways to run the application in your own computer or server:
-
Deploying
dist
folderYou can deploy
dist
folder to your web serveror
- Install serve (
yarn global add serve
) - Run serve as a SPA
serve -l 8080 -s ./dist
- Install serve (
-
Run develop server
- Install dependencies
yarn install
- Compiles and hot-reloads for development
yarn serve
- Install dependencies
At this point, you should be able to access to the next two views:
If you prefer you can visit the application deployed in Netlify
The application is all compiled and ready to be deployed into dist
folder.
You can compile again with the following command yarn build
.
-
Unit and Snapshot tests
These tests will allow us to verify that the different views and components are displayed and working correctly.
Command for run unit tests:
yarn test:unit
if it is necessary to regenerate all the snapshots you can do with the following command
yarn test:unit -u
. It will be only necessary when html or css is changed in Vue components. -
E2E tests
These tests will allow us to test the entire application from beginning to end to ensure the application flow behaves as expected and all integrated pieces work together as expected.
Command for run e2e tests:
yarn test:e2e
It is possible run tests with user interface by running the following command
yarn test:e2e:ui
The following command (yarn lint
) is for find and fix problems in TypeScript code.
-
For application
- TypeScript used in most of the project
- VueJS to make the user interfaces.
- Yarn as a package repository.
-
For tests
- Jest and TypeScript for unit and integration tests.
- Cypress and Javascript for e2e tests.
Folders more relevance:
src
: Folder where all the application code is located.test
: Folder where all the tests are located.dist
: Folder where builded application is located.
.
├── backend
├── dist
├── public
├── screenshots
├── src
│ ├── adapters
│ ├── assets
│ ├── components
│ ├── contracts
│ ├── middlewares
│ ├── models
│ ├── router
│ ├── services
│ ├── store
│ └── views
└── tests
├── e2e
└── unit