feat: Created Unit Tests for CSS Color Variables Alignment with Figma Token JSON

[brianacnguyen]

Description

• This PR seeks to add unit tests to brand color tokens, light theme tokens, and dark theme tokens

  Related issues

Fixes: #612

Manual testing steps

1. run yarn jest src/css

Screenshots/Recordings

Before

After

• Brand colors test passing

  

• Brand colors when there's a discrepancy between json and css

  

• Theme colors test passing

  

• Theme colors when there's a hex discrepancy between json and css

  

• Theme colors when there's a brand color discrepancy between json and css

  

Pre-merge author checklist

• [x] I’ve followed MetaMask Coding Standards.
• [x] I've clearly explained what problem this PR is solving and how it is solved.
• [x] I've linked related issues
• [x] I've included manual testing steps
• [x] I've included screenshots/recordings if applicable
• [x] I’ve included tests if applicable
• [x] I’ve documented my code using JSDoc format if applicable
• [x] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
• [x] I’ve properly set the pull request status:
  • [ ] In case it's not yet "ready for review", I've set it to "draft".
  • [ ] In case it's "ready for review", I've changed it from "draft" to "non-draft".

Pre-merge reviewer checklist

• [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[metamaskbot]

Builds ready [ccecf0c]

Storybook: Storybook