Playwright Installation

[prury]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

Thanks for all the support, next step: rewriting old cypress tests

Who tests the tests added from the testers automated tests? 🐛

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Install Playwright (cypress dead) #6598
• Requires deployment <snek/rubick/worker>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality

Optional

• I've tested it at </ksm/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Did your issue had any of the "$" label on it?

@stephenjason89 and @preschian did all the heavy lifting

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

Copilot Summary

🤖 Generated by Copilot at 41de705

This pull request introduces Playwright tests for the NFT gallery project. It adds the @playwright/test package and its configuration, a GitHub Actions workflow to run the tests, and a basic test case for the Create Page. It also updates some dependencies and excludes the Playwright tests from Vitest.

🤖 Generated by Copilot at 41de705

To test the NFT gallery site
We added Playwright tests to write
With @playwright/test
And config file set
We run them on GitHub with workflow.yml

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	41de705
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64e749eb925edd0008773eb5
😎 Deploy Preview	https://deploy-preview-6920--koda-canary.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.

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
@playwright/test	1.37.1	eval, network, filesystem, shell, environment	+1	10.2 MB	aslushnikov

[stephenjason89]

Hello @prury, I believe the problem is with the playwright local webServer

so first we don't need this anymore
playwright.config.js

second
playwright.config.js

We need to point it on our dev server

third to execute the test we need to run our local server
pnpm dev

finally run test ❤️
pnpm exec playwright test
npx playwright show-report

[preschian]

3. exlude test/e2e folder on vitest

nft-gallery/vitest.config.js

Lines 10 to 14 in 872e7fd

	exclude: [
	'**/node_modules/**',
	'**/dist/**',
	'**/.{idea,git,cache,output,temp}/**',
	],

[codeclimate]

Code Climate has analyzed commit 41de705 and detected 0 issues on this pull request.

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[preschian]

cool, next PR,
time to migrate and adjust cypress test to the playwright

[prury]

cool, next PR, time to migrate and adjust cypress test to the playwright

yes! Thank you so much @preschian

[roiLeo]

✅ all green

[yangwao]

let's go @prury you are learning! :)

[prury]

let's go @prury you are learning! :)

thanks to you my friend, i appreciate ❤️

[vikiival]

Amazing ❤️ ❤️

[yangwao]

What is current Playwright test coverage?

[prury]

What is current Playwright test coverage?

basically tests if the page exists, can you open issue for me to work on test old cypress tests conversion?
edit: you already did