SUR-242, SUR-323 - Setup Tests for UI components

[jaieds]

Description

• Setup test environment.

• Added test for Button and Select Component.

• How to Run test:

  • Run npm install for the first time only.
  • Run npm run storybook
  • In the command/terminal run npm run test (bulk test). It will begin the test and will show the result.
  • To run test in watch mode run npm run test:watch.

👉 All about React component testing with Storybook

CI Setup instructions: Storybook Doc

Screenshots

Types of changes

How has this been tested?

Checklist:

• My code is tested
• My code passes the PHPCS tests
• I've created the npm build.
• My code follows accessibility standards
• My code has proper inline documentation
• I've included any necessary tests
• I've included developer documentation
• I've added proper labels to this pull request

[vrundakansara]

@jaieds - Please write a short document about it too.

• What are tests?
• Why are they important?
• How to write tests?
• What points should one keep in mind while writing tests?

You can add the readme in this PR or write a wiki for the same.

[jaieds]

@vrundakansara, I've created a wiki page 👉 All about React component testing with Storybook

[jaieds]

@vrundakansara, I've added CI for the Test.

[vrundakansara]

@jaieds - Shall we fix the a11y issues as well?
Or shall we do it in another PR?

[jaieds]

@jaieds - Shall we fix the a11y issues as well? Or shall we do it in another PR?

@vrundakansara, We can fix it in another PR.