codingstones/codelytv-vue-basic

Demo project for the CodelyTV Pro video course 'Building an app with VueJS and Jest using TDD'

JotasJS Basic

Demo project for the CodelyTV Pro video course Building an app with VueJS and Jest using TDD you may find in: Crea una app con VueJS y Jest aplicando TDD

Note that although all the videos and course contents are in Spanish, this repo is only available in English.

🦎🦎🦎🦎🦎🦎🦎🦎🦎🦎 DISCLAIMER (Jan 2021) 🦎🦎🦎🦎🦎

This project is very old and tests were a bit outdated 😓

We just migrated every test to Vue Testing Library and set testing-library as the default branch 🔥

(You can always jump to jotas branch if you want to check the old fashioned tests).

Getting Started!

# install dependencies
$ yarn install
or
$ npm install

# run tests
$ yarn unit
or
$ npm run unit

# run tests in watch mode
$ yarn unit:watch
or
$ npm run unit:watch

# run tests in with coverage
$ yarn unit:coverage
or
$ npm run unit:coverage

# serve with hot reload at localhost:8080
$ yarn dev mat
or 
$ npm run dev mat


# 'mat' was the material theme, try iOS with
$ yarn dev ios
or
$ npm run dev ios

# build for production with minification
$ quasar build

Going Mobile!

You may want to wrap the App into a native mobile App. Given you already have Cordova and an Android or iOS SDK installed in your system, run:

quasar wrap cordova
cordova platform add android
cordova run android

For full details, take a look to the Quasar guide.

codelytv-vue-basic's Issues

Tests failing after git clone

❌ After cloning the repository, New Gig title length validation is failing randomly when running all tests.
✔️ These test pass when they run in isolation.

Failing tests:
New Gig Form › shows validation error › when validating title › and title is too short
New Gig Form › shows validation error › when validating title › and title is too long

git clone https://github.com/codingstones/codelytv-vue-basic
cd codelytv-vue-basic
yarn install
yarn unit

 FAIL  src/app/pages/NewGig/__test__/codely/TestingWithPageObjects.spec.js
  ● New Gig Form › shows validation error › when validating title › and title is too short

    expect(string).toContain(value)
    
    Expected string:
      "Add a New Gig to Jota JS!  Insert Gig Title              Date and time      arrow_drop_down       
          Create Gig"
    To contain value:
      "Minimum 5 characters."
      
      at _callee3$ (src/app/pages/NewGig/__test__/codely/TestingWithPageObjects.spec.js:39:37)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:65:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:299:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:117:21)
      at step (node_modules/babel-runtime/helpers/asyncToGenerator.js:17:30)
      at node_modules/babel-runtime/helpers/asyncToGenerator.js:28:13
          at <anonymous>