{"id":17089210,"url":"https://github.com/giltayar/mapping-out-territory","last_synced_at":"2026-03-06T20:02:33.068Z","repository":{"id":44917923,"uuid":"178281377","full_name":"giltayar/mapping-out-territory","owner":"giltayar","description":"The companion repository to my Mapping Out the Territory: A Frontend Testing Workshop","archived":false,"fork":false,"pushed_at":"2022-01-18T17:08:29.000Z","size":300,"stargazers_count":7,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T22:11:25.865Z","etag":null,"topics":["frontend-web","testing","vanilla-js","workshop"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","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":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-03-28T20:58:36.000Z","updated_at":"2022-01-18T15:36:17.000Z","dependencies_parsed_at":"2022-09-03T16:20:20.872Z","dependency_job_id":null,"html_url":"https://github.com/giltayar/mapping-out-territory","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/giltayar/mapping-out-territory","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fmapping-out-territory","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fmapping-out-territory/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fmapping-out-territory/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fmapping-out-territory/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/giltayar","download_url":"https://codeload.github.com/giltayar/mapping-out-territory/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giltayar%2Fmapping-out-territory/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30195549,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T19:07:06.838Z","status":"ssl_error","status_checked_at":"2026-03-06T18:57:34.882Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["frontend-web","testing","vanilla-js","workshop"],"created_at":"2024-10-14T13:46:06.123Z","updated_at":"2026-03-06T20:02:33.050Z","avatar_url":"https://github.com/giltayar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mapping Out the Territory: A Frontend Testing Workshop\n\nExercises and instructions for the workshop.\n\nYou can find the presentation that accompanies this workshop\n[here](http://bit.ly/mapping-out-territory).\n\n## Installation Instructions\n\n1. If you don't have Node.JS, Install Node.JS (any version from version 10 is fine).\n1. git-clone this repository.\n   * `git clone https://github.com/giltayar/mapping-out-territory.git` in your code directory of\n     choice.\n1. Open your favorite editor in the directory created.\n   * If you use Visual Studio Code:\n     * You can optionally install the recommended extensions that VS\n       Code suggests (when you open the editor) for a nicer editing experience\n       (it's just ESLint and Prettier Plugins).\n     * You will then see eslint errors in the editor, plus you can use `\u003cCmd/Ctrl\u003e+\u003cShift\u003e+F` to\n       format the code using Prettier.\n     * Don't worry, even if you don't use the extensions, `npm test` will also run eslint and\n       prettier.\n     * You also get nice command completions for cypress and other libraries, although you may also\n       get them in other editors!\n     * Debugging the integration and unit tests will be built into the repository. It will Just Work.\n   * Nothing in the exercises is stopping you from using whatever editor you want\n1. Run `npm ci` in the workshop directory (`npm ci` is like `npm install`, but faster).\n1. You're good to go!\n\n## The Structure of the Exercises\n\nThere are four parts to the workshop, each corresponding to a different type of test:\n\n* **E2E tests**: write tests that check the whole application (with or without the backend)\n  in a browser\n* **Visual regression tests**: write tests that ensure that the application's look is still OK\n* **Integration tests**: write tests that check a subset of the whole application,\n  outside of the browser\n* **Unit tests**: write tests that check one component, or some business logic code\n\nFor each of these, the corresponding subdirectory under `test` (in the workshop directory)\nwill contain a _part_ of the tests needed, and you will need to complete the parts that are missing.\nThe order of the workshop will be:\n\n1. [E2E tests](./instructions/1-e2e-tests-instructions.md)\n1. [Visual tests](./instructions/2-visual-regression-tests-instructions.md)\n1. [Integration tests](./instructions/3-it-tests-instructions.md)\n1. [Unit tests](./instructions/4-unit-tests-instructions.md)\n\nGood luck! And as we said, start from the instructions for the [E2E tests](./instructions/1-e2e-tests-instructions.md).\n\n## Copyright Notices\n\n### TodoMVC Vanilla ES6 Implementation\n\n* Copied and modified from the\n  [TodoMVC repository](https://github.com/tastejs/todomvc/tree/gh-pages/examples/vanilla-es6)\n* [Original license](https://github.com/tastejs/todomvc/blob/master/license.md)\n* Modified to work in the browser without transpiling (using native ES6 Modules).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiltayar%2Fmapping-out-territory","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgiltayar%2Fmapping-out-territory","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiltayar%2Fmapping-out-territory/lists"}