DEV Community

Cover image for Tests, build, deliver : Vue project with Storybook
Bilel Jegham
Bilel Jegham

Posted on

1 2

Tests, build, deliver : Vue project with Storybook

My Workflow

This Github Action workflow presents a complete testing process with Unit Tests, e2e Tests and visual Tests for a Vuejs project.

The project includes Storybook module useful to isolate components and make visual tests.

Step of the workflow

workflow

  1. Launch lint
  2. Launch Unit Test and send coverage report to CodeCov with CodeCov Action
  3. Launch e2e Test
  4. Launch build
  5. Launch Storybook build and test all components with Chromatic and Chromatic Action

Submission Category:

Maintainer Must-Haves

Yaml File or Link to Code

IdéSYS- JEHMaker

Storybook "Github Action"CodeFactorcodecov

https://github.com/idesys-dev/jeh-maker

A propos

Le Jeh Marker est un outil dédié aux Junior-Entreprises pour l'accompagnement dans la création d'un budget.

Commandes

# Project setup
npm install

# Compiles and hot-reloads for development
npm run serve

# Compiles and minifies for production
npm run build

# Run your tests
npm run test

# Lints and fixes files
npm run lint

# Run your unit tests
npm run test:unit



Additional Resources / Info

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay