refactor(tests): setup basic e2e test

README.md

@@ -1,4 +1,4 @@
-![README.md banner](./README.png)
+<!-- ![README.md banner](./README.png) -->
 
 ![Package License](https://img.shields.io/github/license/teo-garcia/react-template-next)
 ![Package Version](https://img.shields.io/github/package-json/v/teo-garcia/react-template-next)

e2e/index.spec.ts

@@ -5,16 +5,13 @@ test.describe('Homepage tests', () => {
     await page.goto('http://localhost:3000/')
   })
 
-  test('Homepage should contain title', async ({ page }) => {
-    await expect(page).toHaveTitle('Home | Next 13')
+  test('Page should contain title', async ({ page }) => {
+    await expect(page).toHaveTitle('Home | RTN')
   })
 
-  test('Homepage should contain heading', async ({ page }) => {
-    // eslint-disable-next-line testing-library/prefer-screen-queries
+  test('Page should contain heading', async ({ page }) => {
+    // eslint-disable-next-line
     const title = page.getByRole('heading', { name: 'React Template Next' })
     await expect(title).toBeVisible()
   })
-
-  // TODO: Add ThemeSwitch tests
-  // TODO: Improve test matcher config and ESLint plugins
 })

package.json

@@ -17,7 +17,7 @@
     "create:component": "plop component",
     "create:feature": "plop feature",
     "test:unit": "jest",
-    "test:e2e": "concurrently \"pnpm dev\" \"pnpm playwright test\"",
+    "test:e2e": "pnpm playwright test --ui",
     "lint:js": "eslint src/**/*.{ts,tsx}"
   },
   "dependencies": {