UI test coverage

[alinamiryuk]

• [ ] Breaking change? (if so, please describe the impact and migration path for existing applications:)

What changes did you make? (Give an overview) components were covered by using testing-library/react

Is there anything you'd like reviewers to focus on? Resolved #506

How Has This Been Tested? (put an "X" next to an item)

• [X] Manually(please, describe, when necessary)
• [X] Unit checks

Checklist (put an "X" next to an item, otherwise PR will fail)

• [X] I have performed a self-review of my own code
• [X] I have added tests that prove my fix is effective or that my feature works
• [X] New and existing unit tests pass locally with my changes
• [X] Any dependent changes have been merged

Check out Contributing and Code of Conduct

[github-actions[bot]]

Test Results

  21 files    21 suites   16s :stopwatch: 113 tests 113 :heavy_check_mark: 0 :zzz: 0 :x: 114 runs  114 :heavy_check_mark: 0 :zzz: 0 :x:

Results for commit 01599480.

[github-actions[bot]]

Test Results

  21 files    21 suites   16s :stopwatch: 113 tests 113 :heavy_check_mark: 0 :zzz: 0 :x: 114 runs  114 :heavy_check_mark: 0 :zzz: 0 :x:

Results for commit 7b7c594b.

[github-actions[bot]]

Test Results

  21 files    21 suites   26s :stopwatch: 113 tests 113 :heavy_check_mark: 0 :zzz: 0 :x: 114 runs  114 :heavy_check_mark: 0 :zzz: 0 :x:

Results for commit 7b7c594b.