{"id":17089173,"url":"https://github.com/giltayar/visual-grid-todomvc-tests","last_synced_at":"2026-04-12T02:34:44.739Z","repository":{"id":138398784,"uuid":"250183760","full_name":"giltayar/visual-grid-todomvc-tests","owner":"giltayar","description":"Implementation of TodoMVC (React+Redux), including Cypress and Storybook tests that visually test it using the Applitools Visual Grid","archived":false,"fork":false,"pushed_at":"2023-11-09T23:00:02.000Z","size":1149,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-28T21:32:20.868Z","etag":null,"topics":["applitools","cypress","storybook","testing","todomvc","visual-testing"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/giltayar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-26T06:57:24.000Z","updated_at":"2020-09-02T14:03:52.000Z","dependencies_parsed_at":"2024-11-30T15:06:54.228Z","dependency_job_id":"6a15aa55-5b68-4cad-8ad8-33b6ecc133bf","html_url":"https://github.com/giltayar/visual-grid-todomvc-tests","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fvisual-grid-todomvc-tests","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fvisual-grid-todomvc-tests/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fvisual-grid-todomvc-tests/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fvisual-grid-todomvc-tests/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/giltayar","download_url":"https://codeload.github.com/giltayar/visual-grid-todomvc-tests/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245120608,"owners_count":20563943,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["applitools","cypress","storybook","testing","todomvc","visual-testing"],"created_at":"2024-10-14T13:45:58.680Z","updated_at":"2026-04-12T02:34:39.705Z","avatar_url":"https://github.com/giltayar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visual Grid TodoMVC Storybook and Cypress Tests\n\n![build and test](https://github.com/giltayar/visual-grid-todomvc-tests/workflows/build%20and%20test/badge.svg)\n\nThis repository contains:\n\n* A complete implementation of TodoMVC (React+Redux)\n* Cypress and Storybook tests that visually test it using the Applitools Visual Grid.\n\n## Installation\n\nClone this repo, then run:\n\n```sh\nnpm install\n```\n\n## Source Code\n\n* The source code for the TodoMVC app can be found in [`src`](src).\n* The source code for the TodoMVC storybook can be found in\n[`src/stories`](src/stories).\n* The source code for the Cypress Eyes test can be found in\n[`cypress/integration/todomvc_spec.js`](cypress/integration/todomvc_spec.js).\n\n## Running the TodoMVC app\n\nTo view the TodoMVC app, run:\n\n```sh\nnpm start\n```\n\nand open \u003chttp://localhost:3000\u003e (if the browser wasn't already opened for you).\n\n## Viewing the Storybook\n\nTo view the TodoMVC Storybook, run:\n\n```sh\nnpm run storybook\n```\n\nand open \u003chttp://localhost:9009\u003e (if the browser wasn't already opened for you).\n\n## Testing\n\nTo run the Storybook Eyes tests and the Cypress Eyes tests, run:\n\n```sh\nnpm test\n```\n\nThis will run eslint, Storybook eyes, and the Cypress test in parallel\n\n### Running the Cypress Tests\n\nTo run just the Cypress Eyes tests, run:\n\n```sh\nnpm run test:cypress\n```\n\nTo run the Cypress Eyes tests interactively, first run the application, using:\n\n```sh\nnpm start\n```\n\nthen run Cypress interactively, using:\n\n```sh\nnpx cypress\n```\n\n### Running the Storybook Eyes Tests\n\nTo run the Eyes Storybook test, run:\n\n```sh\nnpx eyes-storybook\n```\n\n## Github Actions\n\nYou can view the Github workflow that builds and runs the Cypress and Storybook tests\nin Github actions at [`.github/workflows/nodejs.yml`](.github/workflows/nodejs.yml).\n\n## Building (optional and not necessary)\n\nTo build production ready versions of the TodoMVC and its storybook, run:\n\n```sh\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiltayar%2Fvisual-grid-todomvc-tests","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgiltayar%2Fvisual-grid-todomvc-tests","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiltayar%2Fvisual-grid-todomvc-tests/lists"}