feat(e2e): twenty-e2e-testing with playwright

[Nabhag8848]

ISSUE (e2e) - Introduces e2e for twenty

• Closes Setup E2E testing #6360

Description

• Create Package.
• Setup environments such as baseUrl.
• ignore CI configuration for now.
• write a simple test to check if table is visible in companies tab.

Running test with UI

yarn run test:e2e:ui

Screen.Recording.2024-08-05.at.5.57.09.PM.mov

Running all test and seeing report

yarn run test:e2e
yarn run test:e2e:report

Screen.Recording.2024-08-05.at.5.58.26.PM.mov

[greptile-apps]

PR Summary

Introduced end-to-end (E2E) testing for the twenty project using Playwright, enhancing the testing capabilities and ensuring application stability.

• package.json: Added twenty-e2e-testing package to the monorepo for E2E testing.
• packages/twenty-e2e-testing/.env.example: Introduced environment variable configuration for E2E tests.
• packages/twenty-e2e-testing/README.md: Provided detailed instructions for running E2E tests.
• packages/twenty-e2e-testing/e2e/companies.spec.ts: Added a basic test to verify table visibility on the /objects/companies page.
• packages/twenty-e2e-testing/playwright.config.ts: Configured Playwright for E2E testing, including browser setups and parallel execution.

_{6 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings}

[greptile-apps]

style: Add a newline at the end of the file to follow best practices for text files.

[Nabhag8848]

Thanks doing lesss goo

[Nabhag8848]

@lucasbordeau I have few more questions before we can review this.

• What all major browsers we need to configure ?
• what about mobile viewports ? if we need this rn, can you provide more details, will add.
• Do we need to include this in documentation, it will be, can you point out how we are adding docs - example of it ? , which will help me also to change Readme as per our standards

[lucasbordeau]

@Nabhag8848 Thanks, nice work.

• Chrome is ok for now
• No need to cover mobile viewport for now, we'll see later
• We'll see for documentation later

[lucasbordeau]

You can let Firefox and Safari as they're already here.

[Nabhag8848]

@lucasbordeau made changes 🔥, lemme know if we need any more changes. also we can work next on #4832 or on adding CI config, whichever has P0 priority.

[lucasbordeau]

@Nabhag8848 Could you please check the problem with yarn and the CI ? It seems to be related to the packages you installed.

[Nabhag8848]

@lucasbordeau

[lucasbordeau]

Nice work thank you.

[github-actions]

Thanks @Nabhag8848 for your contribution!
This marks your 0th PR on the repo. You're top 0% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter