WIP: Implementing tests for the react components

[abhi18av]

What does this PR do?

(A brief explanation synthesizing the feature, bug or fix.)

• this
• that

Checklist

(Go over all the following points, and put an x in all the boxes that apply.) (If you're unsure about any of these, don't hesitate to ask. We're here to help!)

• [ ] My code follows the code style of this project.
• [ ] Make sure that you don't have [WIP] if you have completed your PR.
• [ ] I am choosing the correct base branch to merge.
• [ ] I have added tests to cover my changes.
• [ ] All new and existing tests passed.
• [ ] And more importantly, I've had fun! :beer:

Where should the reviewer start?

(Explain where the reviewer should start in order to review the whole addition or subtractions.) :checkered_flag:

How should this be manually tested?

(List of steps to reproduce, corroborate or tests to run. Write this section clear enough so that external users can also follow it and test the fix.)

1. :one:
2. :two:
3. :tada:

Any background context you want to provide?

(Any information regarding the PR that the reviewer should know.) :construction:

What are the relevant tickets?

(Link to issues, related PR, JIRA issues, etc.) Closes #x

Screenshots

(Screenshots of the feature if available.) :camera:

Questions

(If available, to another developer or reviewer.) :question:

[abhi18av]

I've initiated a sibling PR to separate the concerns of adding the components and then updating their tests.

https://github.com/pesto-students/batch-8-NuSlack/pull/57