chore: setup Argos Visual Testing

[gregberge]

:bookmark_tabs: Summary

As discussed with @sidharthv96, I setup Argos Visual Testing. At some point you should be able to replace Applitools without any limitation of usage.

:straight_ruler: Design Decisions

I kept Applitools and cy.matchImageSnapshot, you should be able to remove it once Argos fits your need!

:clipboard: Tasks

Make sure you

• [x] :book: have read the contribution guidelines
• [x] :computer: have added necessary unit/e2e tests.
• [x] :notebook: have added documentation. Make sure MERMAID_RELEASE_VERSION is used for all new features.
• [x] :bookmark: targeted develop branch

[netlify[bot]]

✅ Deploy Preview for mermaid-js ready!

Name	Link
🔨 Latest commit	1f70717a539ec2bb3b050fd6502438780716ee07
🔍 Latest deploy log	https://app.netlify.com/sites/mermaid-js/deploys/6673f2f8a702ae0008e0644f
😎 Deploy Preview	https://deploy-preview-5577--mermaid-js.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[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 5.73%. Comparing base (0044aa3) to head (e951560).

:exclamation: Current head e951560 differs from pull request most recent head 1f70717

Please upload reports for the commit 1f70717 to get more accurate results.

Additional details and impacted files

[](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5577?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) ```diff @@ Coverage Diff @@ ## develop #5577 +/- ## ========================================== - Coverage 5.73% 5.73% -0.01% ========================================== Files 277 278 +1 Lines 41988 41999 +11 Branches 515 490 -25 ========================================== Hits 2409 2409 - Misses 39579 39590 +11 ``` | [Flag](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5577/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | Coverage Δ | | |---|---|---| | [unit](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5577/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js) | `5.73% <ø> (-0.01%)` | :arrow_down: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js#carryforward-flags-in-the-pull-request-comment) to find out more. [see 1 file with indirect coverage changes](https://app.codecov.io/gh/mermaid-js/mermaid/pull/5577/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=mermaid-js)

[argos-ci[bot]]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Waiting for the first build to start…

[gregberge]

@sidharthv96 @knsv could you give a look?

[gregberge]

@sidharthv96 how can I help?

[mermaid-bot[bot]]

@gregberge, Thank you for the contribution! You are now eligible for a year of Premium account on MermaidChart. Sign up with your GitHub account to activate.