🤖 Fahreza/playwright tests

[MFA-X-AI]

Description

This pull request focuses on automating the tests using Playwright. I have added the tests in ui-tests. The first test in this pull request is an E2E test that:

1. Double click the examples folder in jupyter file browser
2. Double click KerasPredict.xircuits
3. Presses Save, Compile and Run, responding correctly to the window prompts.
4. Selects the default kernel
5. Waits until the Finish Executing
6. If found. then test is successful.

Pull Request Type

• Xircuits Core (Jupyterlab Related changes)
• Xircuits Canvas (Custom RD Related changes)
• Xircuits Component Library
• Documentation
• Others (Xircuits Validation)

Type of Change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Tests

Local Test

I have provided a readme in the ui-tests folder, but to test locally you can try:

1. Open jupyterlab without access token.
   Note that it simulates a fresh fresh pull, so ensure that you don't have any active extensions and xircuits files open and you have the file browser on. Also, open it from base xircuits dir.

jupyter lab --NotebookApp.token=''

2. Setup and run Playwright

cd ui-tests
npx playwright install
npm install -D @playwright/test
npx playwright test

Github Action Test

Please also verify whether the E2E action is successfully executed in Github actions.

Tested on?

• Windows
• Linux Ubuntu
• Centos
• Mac
• Others (State here -> Github Actions)

Notes

Add if any.

[AdrySky]

Good works. Finally, xircuits have its own automation test. No more developers do all the testing, I hope so in the future.

Tested and LGTM. Just one small suggestion, can we have a short messages what's been done during the test process? This'll really help us understand where the error occurred. This can be done on the next PR. Nonetheless, Thank you.