Adding Codecov

[guidari]

Closes #17124

This PR is adding Codecov to make sure we are aware of testing when updating or creating a component. Codecov only has access to carbon repository.

We will not see any CI or comments in this PR. We first need to merge this PR so Codecov will sync everything.

• "Once merged to your default branch, subsequent pull requests will have Codecov checks and comments."

Changelog

New

• Added new SECRET called CODECOV_TOKEN to settings inside carbon repository.
• Added Codecov app inside Settings > GitHub Apps
• Added codecov.yml to configure the codecov.

Changed

• Now the test in CI runs --collectCoverage to push the report to Codecov

Testing / Reviewing

• CI should pass
• I have a local Codecov configured where I tested everything, you guys can see the reports and I can show how it works if needed.
  PR example: fix: removed accordion test guidari/carbon#6
  Branch that simulates main branch: https://github.com/guidari/carbon/tree/main-codecov

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	5d952e1
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/66e055b8535e2b000820b689
😎 Deploy Preview	https://deploy-preview-17304--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	5d952e1
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/66e055b8fee18f00083986ef
😎 Deploy Preview	https://deploy-preview-17304--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Welcome to Codecov 🎉

Once you merge this PR into your default branch, you're all set! Codecov will compare coverage reports and display results in all future pull requests.

Thanks for integrating Codecov - We've got you covered ☂️

[tay1orjones]

Hey, this is a great start! I didn't realize components is a new feature codecov recommends instead of flags so you don't have to upload multiple coverage reports (one for each flag). One caveat I saw there:

if you require per-flag coverage trend information and UI support immediately, then it is recommend to use Flags for the time being

I don't think trend information is necessary right now, but worth noting. We should explore the UI once this is merged to see if we can get the information we want.

---

We might want to consider a few other pieces before merging:

• Move the config file to .github/codecov.yml. I don't see documented support for per-package configs in the docs. Did you find docs for multiple config files in a single repo?
• Update the config file to configure a component entry for each package that has tests ran on yarn test - react, colors, upgrade, styles, etc.
  • Right now the config uses what appears to be the simpler way to configure components. We might need to use the more advanced component_management config option so we can configure thresholds for each package.
• Make the status checks non-blocking for now

What do you think about these?

[guidari]

Hey @tay1orjones
The report in the comment it will look like that: guidari#9, I'm trying to understand why it didn't change the percentage there with my commit. Maybe I'm missing something

And one other thing. It is the first time I configured a SHA. I kinda follow what you did in your PR here, and grabbed the last commit from the action that I need, which it is this one, but I'm not sure if that is the right way.

[tay1orjones]

Looks great to me! I confirmed the SHA matches the tagged release in the repo for that action.

[carbon-automation]

Hey there! v11.66.0 was just released that references this issue/PR.