{"id":16630744,"url":"https://github.com/stephencooper/async-angular-testing","last_synced_at":"2025-06-17T23:36:35.776Z","repository":{"id":101471710,"uuid":"483680765","full_name":"StephenCooper/async-angular-testing","owner":"StephenCooper","description":"Examples of testing async Angular applications","archived":false,"fork":false,"pushed_at":"2022-04-25T16:00:04.000Z","size":442,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T18:52:47.446Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/StephenCooper.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-04-20T14:08:32.000Z","updated_at":"2022-04-20T14:20:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"021d36c1-0c9d-45bd-a152-89841627259e","html_url":"https://github.com/StephenCooper/async-angular-testing","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/StephenCooper/async-angular-testing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephenCooper%2Fasync-angular-testing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephenCooper%2Fasync-angular-testing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephenCooper%2Fasync-angular-testing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephenCooper%2Fasync-angular-testing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StephenCooper","download_url":"https://codeload.github.com/StephenCooper/async-angular-testing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephenCooper%2Fasync-angular-testing/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260458650,"owners_count":23012497,"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":[],"created_at":"2024-10-12T04:48:53.595Z","updated_at":"2025-06-17T23:36:30.752Z","avatar_url":"https://github.com/StephenCooper.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Understanding async tests in Angular\n\nThis repo contains a sample application that uses [AG Grid](ag-grid.com) to display a list of Olympic medal winners. This data can be filtered using the [Quick Filter Text](https://ag-grid.com/angular-data-grid/filter-quick/) feature as provided with the grid.  \n\nIt complements the dev.to article [Understanding async tests in Angular](https://dev.to/angular/understanding-async-tests-in-angular-f8n)\n\n![Example Demo](./blog/filter-by-germany.gif)\n\nThe application tests that we can filter our data to a specific country of interest. Our test will validate that:\n\n1. Our grid shows the full set of 1000 rows and our application displays the row count of 1000.\n1. Upon entering the text \"Germany\" the grid should filter the rows to only show German athletes\n3. Our application row count should update to 68 (the number of German athletes).\n\nThe reason for choosing this application is that it contains asynchronous code making it virtually impossible to test synchronously. \n\n## Async Test Examples\n\nThe test code can be found in the [app.component.spec.ts](https://github.com/StephenCooper/async-angular-testing/blob/main/async-testing-app/src/app/app.component.spec.ts) file.\n\nYou can run the tests from the `async-testing-app` folder.\n\n```ts\nnpm install\nnpm run test\n```\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephencooper%2Fasync-angular-testing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstephencooper%2Fasync-angular-testing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephencooper%2Fasync-angular-testing/lists"}