Mastering React Test-Driven Development by Daniel Irvine

Author:Daniel Irvine [Daniel Irvine]
Language: eng
Format: epub
Tags: COM060080 - COMPUTERS / Web / General, COM051260 - COMPUTERS / Programming Languages / JavaScript, COM051390 - COMPUTERS / Programming / Open Source
Publisher: Packt
Published: 2019-05-03T02:44:43+00:00

Filtering data

The Git tag for this section is filtering.

Let's add a textbox that the user can use to filter names. Each character that the user types into the search field will cause a new fetch request to be made to the server. That request will contain the new search term as provided by the search box.

The /customers endpoint supports a parameter named searchTerm, which filters search results using those terms. Adding this functionality will highlight the design mistake we made earlier:

For this feature, we'll hook on to the change event handler for the input box. Since it will cause an asynchronous fetch request, we know we'll need to use async act to wait for this to happen. Let's build changeAndWait now; add the following to the return object of createContainer in test/domManipulators.js:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.