test(ui): add Compose test cases

[aaronlamz]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Test cases

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• Yes
• No

Other information

[github-actions]

Website preview has been generated! 🎉 🎉 🎉

[codecov]

Codecov Report

Merging #283 (277c3e3) into main (22034a6) will increase coverage by 100.00%.
Report is 472 commits behind head on main.
The diff coverage is n/a.

Additional details and impacted files

@@             Coverage Diff             @@
##           main      #283        +/-   ##
===========================================
+ Coverage      0   100.00%   +100.00%     
===========================================
  Files         0         3         +3     
  Lines         0        71        +71     
  Branches      0        27        +27     
===========================================
+ Hits          0        71        +71     

see 3 files with indirect coverage changes