Button Unit Testing

[sydneywalcoff]

Dependency

• [x] #1267

Overview

Testing is an important part of the development process that has been ignored in the Expunge Assist process thus far. To create a better protected codebase, we want to retroactively implement tests.

Create tests for the below scenarios. Feel free to include additional tests if you find opportunities for more coverage.

Action Items

• [x] Button sets up correctly
  • [x] Button element renders
  • [x] Button displays text correctly
• [x] Props pass correctly
  • [x] forward arrow
  • [x] backward arrow
  • [x] if disabled, no pointer events and gray coloring
• [x] Button disables correctly
  • [x] disable - no pointer events and gray coloring
  • [x] un-disabling something reinstates pointer events and purple coloring
• [ ] button is accessible
  • [x] is focusable
  • [x] does not trap focus (pressing tab with more than one focus-able element present will move focus to next available element)
  • [ ] ~~are at least 44px wide~~

Resources/Notes

Jest React Testing Library

[github-actions[bot]]

Hey @whitneywind! Thanks for taking this issue.

To help keep everyone in the loop, please comment your Estimated Time to Completion (ETC) below!

Thanks again!

[github-actions[bot]]

Hey @whitneywind! Thanks again for taking this issue.

Time for an update! Please comment the following update:
**Progress:** What's the status of the project? What have you done and what still needs to be done?
**Estimated Time to Completion (ETC):** When do you estimate to be finished?
**Blockers:** Anything preventing you from finishing?

Thanks again!

[whitneywind]

[github-actions[bot]]

Hey @whitneywind! Thanks again for taking this issue.

Time for an update! Please comment the following update:
**Progress:** What's the status of the project? What have you done and what still needs to be done?
**Estimated Time to Completion (ETC):** When do you estimate to be finished?
**Blockers:** Anything preventing you from finishing?

Thanks again!