vue-vuex-todomvc Cypress.iovue-vuex-todomvc - Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using Cypress.io test runner.

vue-vuex-todomvc Simple TodoMVC with Vue.js and Vuex data store. Based on this Vuex tutorial and the basic official TodoMVC vue.js example Read my ste

Information

Category: Vue.js / Examples
Watchers: 2
Star: 44
Fork: 17
Last update: May 23, 2023

Resource links

https://github.com/bahmutov/vue-vuex-todomvc

README
Issues 11

vue-vuex-todomvc

Simple TodoMVC with Vue.js and Vuex data store.

Based on this Vuex tutorial and the basic official TodoMVC vue.js example

Read my step by step tutorial explaining the code and this thorough blogpost how this application is tested using Cypress.

Software organization

Use

Clone this repository then

npm install
npm start

Open localhost:3000 in the browser.

Tests

All tests are implemented using Cypress.io

Development

The app global variable exposes the Vue instance.

To see "plain" values from the store (without all Observer additions)

app.$store.getters.todos
    .map(JSON.stringify) // strips utility fields
    .map(JSON.parse)     // back to plain objects
    .forEach(t => console.log(t)) // prints each object

Or print them as a table

console.table(app.$store.getters.todos.map(JSON.stringify).map(JSON.parse))

5 Open More issues

Closed

An in-range update of cypress is breaking the build 🚨

Version 2.0.1 of cypress was just published.

Branch	Build failing 🚨
Dependency	cypress
Current Version	2.0.0
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

cypress is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build failed Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot :palm_tree:

greenkeeper

opened Feb 17, 2018 by greenkeeper[bot] 5

Closed

"Completed" flag saves to db

opened Jan 7, 2019 by woto 1

Closed

Update dependency prettier-standard to v8.0.1

This Pull Request updates dependency prettier-standard from v8.0.0 to v8.0.1

Release Notes

`v8.0.1`

Compare Source Please read GitHub releases page: https://github.com/sheerun/prettier-standard/releases

This PR has been generated by Renovate Bot.

opened May 9, 2018 by renovate[bot] 1

Closed

chore(deps): update dependency prettier-standard to v8.0.1

This Pull Request updates dependency prettier-standard from v8.0.0 to v8.0.1

Release Notes

`v8.0.1`

Please read GitHub releases page: https://github.com/sheerun/prettier-standard/releases

Commits

v8.0.1

eab28ed Add instructions how to use with Sublime (#44)
a516aa2 Fix spelling and grammar (#40)
6ab886b Add pre-commit script to example (#47)
4d2f288 Migrate to new modern-node
6ac373b Add test case
a2c9898 Improve bootstrap time (minimist instead of meow)
3b59fa0 Bump to 8.0.1
b615d74 Update lib to src
7984d49 Do not package lib

This PR has been generated by Renovate Bot.

opened Apr 5, 2018 by renovate[bot] 1

Closed

An in-range update of start-server-and-test is breaking the build 🚨

☝️ Greenkeeper’s updated Terms of Service will come into effect on April 6th, 2018.

Version 1.1.0 of start-server-and-test was just published.

Branch	Build failing 🚨
Dependency	start-server-and-test
Current Version	1.0.1
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

start-server-and-test is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

Release Notes

v1.1.0

1.1.0 (2018-03-14)

New features 👍

kill any child processes of server (#3) (ce26532)

Commits

The new version differs by 1 commits.

ce26532 feat: kill any child processes of server (#3)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot :palm_tree:

greenkeeper

opened Mar 14, 2018 by greenkeeper[bot] 1

Closed

Add API tests

Using Cypress https://www.cypress.io/blog/2017/11/07/Add-GUI-to-Your-E2E-API-Tests/

test

opened Nov 20, 2017 by bahmutov 1

Open

Update dependency prettier to v2.8.8

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | prettier (source) | 2.8.4 -> 2.8.8 | | | | |

Release Notes

prettier/prettier

`v2.8.8`

Compare Source

This version is a republished version of v2.8.7. A bad version was accidentally published and it can't be unpublished, apologies for the churn.

`v2.8.7`

Compare Source

diff

Allow multiple decorators on same getter/setter (#14584 by @fisker)

// Input
class A {
  @&#8203;decorator()
  get foo () {}
  
  @&#8203;decorator()
  set foo (value) {}
}

// Prettier 2.8.6
SyntaxError: Decorators cannot be applied to multiple get/set accessors of the same name. (5:3)
  3 |   get foo () {}
  4 |   
> 5 |   @&#8203;decorator()
    |   ^^^^^^^^^^^^
  6 |   set foo (value) {}
  7 | }

// Prettier 2.8.7
class A {
  @&#8203;decorator()
  get foo() {}

  @&#8203;decorator()
  set foo(value) {}
}

`v2.8.6`

Compare Source

diff

Allow decorators on private members and class expressions (#14548 by @fisker)

// Input
class A {
  @&#8203;decorator()
  #privateMethod () {}
}

// Prettier 2.8.5
SyntaxError: Decorators are not valid here. (2:3)
  1 | class A {
> 2 |   @&#8203;decorator()
    |   ^^^^^^^^^^^^
  3 |   #privateMethod () {}
  4 | }

// Prettier 2.8.6
class A {
  @&#8203;decorator()
  #privateMethod() {}
}

`v2.8.5`

Compare Source

diff

Support TypeScript 5.0 (#14391 by @fisker, #13819 by @fisker, @sosukesuzuki)

TypeScript 5.0 introduces two new syntactic features:

const modifiers for type parameters
export type * declarations

Add missing parentheses for decorator (#14393 by @fisker)

// Input
class Person {
  @&#8203;(myDecoratorArray[0])
  greet() {}
}

// Prettier 2.8.4
class Person {
  @&#8203;myDecoratorArray[0]
  greet() {}
}

// Prettier 2.8.5
class Person {
  @&#8203;(myDecoratorArray[0])
  greet() {}
}

Add parentheses for `TypeofTypeAnnotation` to improve readability (#14458 by @fisker)

// Input
type A = (typeof node.children)[];

// Prettier 2.8.4
type A = typeof node.children[];

// Prettier 2.8.5
type A = (typeof node.children)[];

Support `max_line_length=off` when parsing `.editorconfig` (#14516 by @josephfrazier)

If an .editorconfig file is in your project and it sets max_line_length=off for the file you're formatting, it will be interpreted as a printWidth of Infinity rather than being ignored (which previously resulted in the default printWidth of 80 being applied, if not overridden by Prettier-specific configuration).

<!-- Input -->
<div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}/>

<!-- Prettier 2.8.4 -->
<div
  className="HelloWorld"
  title={`You are visitor number ${num}`}
  onMouseOver={onMouseOver}
/>;

<!-- Prettier 2.8.5 -->
<div className="HelloWorld" title={`You are visitor number ${num}`} onMouseOver={onMouseOver} />;

Configuration

📅 Schedule: Branch creation - "every weekend" in timezone America/New_York, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

opened Mar 25, 2023 by renovate[bot] 0

Open

Update dependency start-server-and-test to v2

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | start-server-and-test | 1.15.4 -> 2.0.0 | | | | |

Release Notes

bahmutov/start-server-and-test

`v2.0.0`

Compare Source

Features

making the default host 127.0.0.1 (#359) (a9e395c)

BREAKING CHANGES

default host to ping is 127.0.0.1
code format

`v1.15.5`

Compare Source

Bug Fixes

pinging the server at 127.0.0.1 when using just the port number (#357) (9df0423)

Configuration

📅 Schedule: Branch creation - "every weekend" in timezone America/New_York, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

opened Mar 4, 2023 by renovate[bot] 0

Open

Update dependency json-server to v0.17.3

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | json-server | 0.17.1 -> 0.17.3 | | | | |

Release Notes

typicode/json-server

Full Changelog: https://github.com/typicode/json-server/compare/v0.17.2...v0.17.3

`v0.17.2`

Compare Source

What's Changed

Bump decode-uri-component from 0.2.0 to 0.2.2 by @dependabot in https://github.com/typicode/json-server/pull/1380
Update Faker link to use Faker JS by @NitroEvil in https://github.com/typicode/json-server/pull/1346
Fix typo in GitHub Actions workflow file by @striezel in https://github.com/typicode/json-server/pull/1403
Update actions/checkout + actions/setup-node in CI to v3 by @striezel in https://github.com/typicode/json-server/pull/1402
Display type correctly for array if obj passed as an array by @ilyasakin in https://github.com/typicode/json-server/pull/1394
Fix CI failure caused by #1394 by @ilyasakin in https://github.com/typicode/json-server/pull/1406
Accept .cjs (Commonjs) file for the db by @fedemp in https://github.com/typicode/json-server/pull/1368

New Contributors

@NitroEvil made their first contribution in https://github.com/typicode/json-server/pull/1346
@ilyasakin made their first contribution in https://github.com/typicode/json-server/pull/1394
@fedemp made their first contribution in https://github.com/typicode/json-server/pull/1368

Full Changelog: https://github.com/typicode/json-server/compare/v0.17.1...v0.17.2

Configuration

📅 Schedule: Branch creation - "every weekend" in timezone America/New_York, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

opened Feb 25, 2023 by renovate[bot] 0

Open

Update dependency cypress to v12

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | cypress | 11.2.0 -> 12.13.0 | | | | |

Release Notes

cypress-io/cypress

`v12.13.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-13-0

`v12.12.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-12-0

`v12.11.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-11-0

`v12.10.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-10-0

`v12.9.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-9-0

`v12.8.1`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-8-1

`v12.8.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12.8.0

`v12.7.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12.7.0

`v12.6.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12.6.0

`v12.5.1`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-5-1

`v12.5.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-5-0

`v12.4.1`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-4-1

`v12.4.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-4-0

`v12.3.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-3-0

`v12.2.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-2-0

`v12.1.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-1-0

`v12.0.2`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-0-2

`v12.0.1`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-0-1

`v12.0.0`

Compare Source

Changelog: https://docs.cypress.io/guides/references/changelog#12-0-0

Configuration

📅 Schedule: Branch creation - "every weekend" in timezone America/New_York, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

opened Dec 10, 2022 by renovate[bot] 0

Open

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

[ ] Update dependency standard to v17.1.0

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

[ ] Update dependency json-server to v0.17.3
[ ] Update dependency prettier to v2.8.8
[ ] Update dependency cypress to v12
[ ] Update dependency start-server-and-test to v2
[ ] Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/badges.yml

actions/checkout v3

stefanzweifel/git-auto-commit-action v4

.github/workflows/ci.yml

actions/checkout v3

cypress-io/github-action v4

npm

package.json

json-server 0.17.1

todomvc-app-css 2.4.2

todomvc-common 1.0.5

cy-spok 1.6.1

cypress 11.2.0

json-server-reset 1.6.0

prettier 2.8.4

prettier-standard 16.4.1

standard 17.0.0

start-server-and-test 1.15.4

[ ] Check this box to trigger a request for Renovate to run again on this repository

opened Nov 20, 2020 by renovate[bot] 0

TodoMVC Vue 3 Composition API - A complete TodoMVC implementation in Vue 3 Composition API with components, store, unit e2e tests and linting.

Dark and Halloween color themes for Cypress.io test runner

Uma série de dicas e truques sobre Cypress, traduzido e adaptado do post "Cypress Tips and Tricks" do Gleb Bahmutov

vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.

Vuex plugin to integrate socket.io client

Using Cypress with Vite, React, TypeScript, MSW and react-query

vue-full-calendar fullcalendar.iovue-full-calendar - A complete fullcalendar.io wrapper for both Vue 1 and 2

vuex-rest-api - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.

An ESLint runner for Jest

🃏A Jest runner for the TypeScript compiler

Easily write scalable Node.js setup code for Cypress

Fire native system events from Cypress.

Um exemplo de aplicação do Cypress para testes em múltiplos níveis

Sorry-cypress is an open-source solution for the parallelization and recording of cypress tests.

Launch on CI a particular Cypress test using grep or grep tags

Visual Studio Test Platform is the runner and engine that powers test explorer and vstest.console.

✅Simple and straightforward Vuex Store mock for vue-test-utils

Test runner for distributed systems based on mininet and tape

Filter tests using substring

vuex-queries - Vuex-Queries helps you write query functions in Vuex

App for developers to test REST API.

Share this repo

Related Repos

Examples

A minimal template that hooks up Vue 3, Pinia (Vuex 5), Quasar, Vue Router 4, and TypeScri...

Vue3, Vite, Pinia (Vuex 5), Vue Router 4, Quasar, TypeScript Starter Template This repo contains a starter template that connects the following pieces

Examples

my cd collection a way for me to discover vue.js

cdtheque Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build Lints and f

Examples

varlet nuxt3 example

Nuxt 3 Minimal Starter We recommend to look at the documentation. Setup Make sure to install the dependencies yarn install Development Start the devel

Examples

Test vue typescript - Hotel views

vue test https://test-vue-typescript.vercel.app/ Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minif

Examples

1.4k

Enterprise Design System

TDesign 是一套完整的企业级设计体系，拥有基于 Vue / React / 小程序等技术栈的组件库解决方案。用于构建设计统一 / 跨端多技术栈的前端应用时，TDesign 更有优势。仓库 TDesign 是一个 multi-repo， TDesign 有如下代码仓库：桌面端组件库

Examples

VueJS with Atomic Design exemple

VueJS with Atomic Design Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for produc

Examples

URL shortener using GitHub Pages and Firebase

Shortify URL shortener using GitHub Pages and Firebase Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and m

Examples

Discuss with me 💬

Discuss with Atinux Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates. See it live on https://discuss.atinux.

Examples

Readily Configured Starter Template to quickly setup Jetstream Inertia Generator

(Laravel + Vite.js + Tailwindcss + Vue3) + JIG CRUD Generator Intro This is a starter template with a ready-made setup of Jetstream Inertia Generator

Examples

nuxt3 demo

Nuxt3 Demo nuxt3 demo 集成功能列表 Saas ESLint + Prettier Element Plus I18n 数据库多环境部署开发导入 init.sql $ yarn install $ yarn dev # 健康检查 $ curl http://localho

Examples

Countdown timer with Flip Animation for Vue 3.x

vue3-flip-countdown Customize Countdown timer with Flip Animation for Vue 3.x vue3-flip-countdown.netlify.app Demo Table of contents Demo Installation

Examples

🌧 📱VueJS Weather App that uses the OpenWeather API

vue-weather uses OpenWeather API to search and display weather from accross the globe Demo Here by Parmandeep Gill Project setup npm install Compiles

Examples

AdminLTE 3 theme integration with Vue 3

webapp Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints an

Examples

sample app of nuxt3

Nuxt 3 Minimal Starter We recommend to look at the documentation. Setup Make sure to install the dependencies yarn install Development Start the devel

Examples

Vuejs Hotels App with Vue Router and Vuelidate

Vue Hotels App This is a solution to Reengen Full Stack Bootcamp with Vuejs and Nodejs Week-2 Project. It is built with Vuejs by using Vue CLI, Vue Ro

vue-vuex-todomvc Cypress.iovue-vuex-todomvc - Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using Cypress.io test runner.

vue-vuex-todomvc

Software organization

Use

Tests

Development

Version 2.0.1 of cypress was just published.

v8.0.1

Version 1.1.0 of start-server-and-test was just published.

1.1.0 (2018-03-14)

New features 👍

Release Notes

Allow multiple decorators on same getter/setter (#​14584 by @​fisker)

Allow decorators on private members and class expressions (#​14548 by @​fisker)

Support TypeScript 5.0 (#​14391 by @​fisker, #​13819 by @​fisker, @​sosukesuzuki)

Add missing parentheses for decorator (#​14393 by @​fisker)

Add parentheses for TypeofTypeAnnotation to improve readability (#​14458 by @​fisker)

Support max_line_length=off when parsing .editorconfig (#​14516 by @​josephfrazier)

Configuration

Release Notes

Features

BREAKING CHANGES

Bug Fixes

Configuration

Release Notes

What's Changed

New Contributors

What's Changed

New Contributors

Configuration

Release Notes

Configuration

Awaiting Schedule

Open

Detected dependencies

Related Repos

Allow multiple decorators on same getter/setter (#14584 by @fisker)

Allow decorators on private members and class expressions (#14548 by @fisker)

Support TypeScript 5.0 (#14391 by @fisker, #13819 by @fisker, @sosukesuzuki)

Add missing parentheses for decorator (#14393 by @fisker)

Add parentheses for `TypeofTypeAnnotation` to improve readability (#14458 by @fisker)

Support `max_line_length=off` when parsing `.editorconfig` (#14516 by @josephfrazier)