<h1>RxJs race condition</h1>

> Author: Thomas Laforge

### Information

The goal of this application is to display a list of topics in a modal when a button is clicked. The application functions correctly. However, your tech lead has asked you to add tests and they are failing.

### Statement

Correct your application to pass the test

### Constraints:

- I can see you coming 🤣 => You CANNOT change the test (Test is working fine) 😳
- You CANNOT change the `fakeGetHttpTopic` method. A delay has been added to fake a slow network.

### Run the test

HEADLESS : `npx nx component-test rxjs-race-condition`
WATCH MODE : `npx nx component-test rxjs-race-condition --watch`

### Submitting your work

1. Fork the project
2. clone it
3. npm ci
4. `npx nx serve rxjs-race-condition`
5. _...work on it_
6. Commit your work
7. Submit a PR with a title beginning with **Answer:14** that I will review and other dev can review.

<!-- TODO: add challenge number and project Name -->

<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A14+label%3Aanswer"><img src="https://img.shields.io/badge/-Solutions-green" alt="RxJs race condition"/></a>

<!-- TODO: uncomment when done late -->
<!-- <a href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A14+label%3A"answer+author"'><img src="https://img.shields.io/badge/-Author solution-important" alt="RxJs race condition solution author"/></a>
<a href="{Blog post url}" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/-Blog post explanation-blue" alt="RxJs race condition blog article"/></a> -->

_You can ask any question on_ <a href="https://twitter.com/laforge_toma" target="_blank" rel="noopener noreferrer"><img src="./../../logo/twitter.svg" height=20px alt="twitter"/></a>
