Meshery: End-to-End Testing with Playwright

[Yashsharma1911]

• Description: Meshery integrates with many other CNCF projects and technologies. Sustaining those integrations is only possible through automation. End-to-end testing with Playwright, GitHub Workflows, and self-documenting test reports is the means to the end of maintaining a healthy state of each of these Meshery integrations.

• Expected Outcome:

  • Successful migration of E2E tests from Cypress to the Playwright test library within the Meshery project.
  • Implementation of robust and reliable test cases using Playwright to cover a wide range of Meshery's E2E scenarios.
  • Documentation detailing the migration process, and guidelines for future contributions to maintain test quality.
  • Integration of Playwright test suite into the Meshery CI/CD pipeline to ensure continuous testing and reliability of the platform.

• Recommended Skills: JavaScript, Playwright, GitHub Workflows, Jekyll, Markdown, familiarity with React or Nextjs would be helpful, CI/CD

  • Mentor Name: Aabid Sofi (@aabidsofi19, [email protected]), Lee Calcote (@leecalcote, [email protected]),

Mockups

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[literalEval]

Hey @Yashsharma1911

What is the pretest for this issue ?

[DevRish]

@leecalcote @aabidsofi19 I have opened a draft PR adding new Playwright Tests. I will be adding more tests into this PR and add updates here regarding which tests I am currently working on. I have started with the UI/Connections marked tests from the Meshery Test Plan and have added two out of the three of them. For the third one regarding transition between states for a connection, I haven't been able to locate the option to do that on the UI yet.