Skip to Content
Mastering React Test-Driven Development
book

Mastering React Test-Driven Development

by Daniel Irvine
May 2019
Intermediate to advanced
496 pages
10h 38m
English
Packt Publishing
Content preview from Mastering React Test-Driven Development

Displaying radio buttons for available appointments

The Git tag for this section is adding-radio-buttons.

Now that we have our table with headings in place, it's time to add in radio buttons into each of the table cells. Not all cells will have radio buttons: only those that represent an available time slot will have a radio button.

That means we'll need to pass in another new prop to AppointmentForm that will help us to determine which time slots to show. That prop is availableTimeSlots, which is an array of objects that list times that are still available.

Add this next test, which uses that prop:

it('renders a radio button for each time slot', () => {  const today = new Date();  const availableTimeSlots = [ { startsAt: today.setHours(9, ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Mastering React Test-Driven Development - Second Edition

Mastering React Test-Driven Development - Second Edition

Daniel Irvine

Publisher Resources

ISBN: 9781789133417