New Playwright tests and modifications

[prury]

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

Some new automated test coverage, will be improved in the future.
reason why i did not use for-each:

MerchShop was failing when waiting for page to load, so i took it off for now

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

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Related to: What is current Playwright test coverage? #7051
• 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

Community participation

• Are you at KodaDot Ecosystem Telegram?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

Copilot Summary

🤖 Generated by Copilot at de69f56

Added data-testid attributes to various components for Playwright testing. Added new tests for collection creation, footer, and search functionality. Improved some existing tests for language and redirect by increasing timeouts and waiting for page load.

🤖 Generated by Copilot at de69f56

We test the web with Playwright
We add the data-testid to every element
We check the links, the tabs, the search and the creation
We rock the code with automation

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	ee485d5
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/650c4f5e103e6800088432ba
😎 Deploy Preview	https://deploy-preview-7267--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.

[reviewpad]

AI-Generated Summary: This pull request contains six patches that primarily focus on adding data-testids for end-to-end testing on various components such as the footer, create-collection, search, and search-suggestion components. Additionally, patches include a relocation of a fixture image used for end-to-end testing and the addition of new comprehensive tests for createcollection, footer, and searching functionality. Minor adjustments were made on pre-existing tests such as changing the waiting time and adding page loading in the language and redirect tests, respectively.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[roiLeo]

I wouldn't trust .o-icon or .o-input selector maybe add test-id

before

after

+1min for not so many components, can you try to reduce it?

[prury]

I wouldn't trust .o-icon or .o-input selector maybe add test-id

before

after

+1min for not so many components, can you try to reduce it?

will make the changes, ty.
i can also try to activate parallelism, since it seems that we are only using one worker for tests

edit: is already active for tests inside same file

[prury]

reduced by 30s, lmk if that works

[prury]

Report:

• tried to run playwright tests on the same build it uses for unity tests but was unable to
• reverted everything back to what it were before
• realized tests were not passing anymore after the reverted changes(they were passing successful before trying step 1)
• realized that in the middle of the process the bot updated playwright package, causing some commands not to run anymore
• simplified the test that was not passing in order to fit new package
• also identified that we are getting some 404 pages locally(go to create/collection and select polkadot hub)
• they are now passing again

[codeclimate]

Code Climate has analyzed commit ee485d5 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
0.0% Duplication