refactor: rename specs (#30)

Now compatible with:

* lighthouse v10
* playwright-lighthouse v3.1
* TypeScript v5.1
* Node v18
* Faker v8

Upgrade GitHub Actions

* actions/upload-artifact@v3
* mikepenz/action-junit-report@v3
* actions/checkout@v3
* actions/setup-node@v3

Author: charlyautomatiza

LEEME.md

@@ -13,6 +13,8 @@
 
 Podrás acceder a mi canal de [YouTube](https://www.youtube.com/c/CharlyAutomatiza?sub_confirmation=1) para mayor información sobre este y otros frameworks de pruebas automatizadas.
 
+[![Playwright Tests](https://github.com/charlyautomatiza/starter-playwright/actions/workflows/playwright.yml/badge.svg)](https://github.com/charlyautomatiza/starter-playwright/actions/workflows/playwright.yml)
+
 ### Requerimientos generales
 
 - Instalar [Node.js](https://nodejs.org/es/download/)
@@ -72,19 +74,19 @@ Example .env:
 
 **IMPORTANTE**:
 
-En la sección `thresholds` del archivo [lighthouse.spec.ts](./tests/lighthouse.spec.ts) se puede configurar el nivel de aceptación de los test de `accessibility`, `performance`, `SEO`, `best-practices`, `pwa` respectivamente.
+En la sección `thresholds` del archivo [a11y.lighthouse.spec.ts](./tests/a11y.lighthouse.spec.ts) se puede configurar el nivel de aceptación de los test de `accessibility`, `performance`, `SEO`, `best-practices`, `pwa` respectivamente.
 
 Si nuestro umbral es de 100 para `accessibility`, nuestro test debe tener una aceptación de 100% para que se considere exitoso.
 
-    ```typescript
-        thresholds: {
-            performance: 50,
-            accessibility: 100,
-            'best-practices': 50,
-            seo: 50,
-            pwa: 0,
-        },
-    ```
+```typescript
+thresholds: {
+    performance: 50,
+    accessibility: 100,
+    'best-practices': 50,
+    seo: 50,
+    pwa: 0,
+},
+```
 
 #### **Para abrir el reporte Html de Playwright unificado de los resultados de los test**
 

README.md

@@ -5,6 +5,7 @@
   <a href="https://www.youtube.com/c/CharlyAutomatiza?sub_confirmation=1"><img src="https://img.shields.io/badge/CharlyAutomatiza-Youtube-FF0000.svg" style="max-height: 300px;" style="max-height: 300px;"></a>
   <a href="https://www.linkedin.com/in/gautocarlos/"><img src="https://img.shields.io/badge/Carlos%20 Gauto-LinkedIn-0077B5.svg" style="max-height: 300px;" style="max-height: 300px;"></a>
 </p>
+
 <h1 dir="auto"><a class="anchor" aria-hidden="true" href="https://playwright.dev/"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd"></path></svg></a><g-emoji class="g-emoji" alias="performing_arts" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3ad.png">🎭</g-emoji> Playwright</h1>
 
 # Web Test Automation - Playwright
@@ -13,6 +14,8 @@
 
 You can access my [YouTube](https://www.youtube.com/c/CharlyAutomatiza?sub_confirmation=1) channel for more information about this and other automated testing frameworks.
 
+[![Playwright Tests](https://github.com/charlyautomatiza/starter-playwright/actions/workflows/playwright.yml/badge.svg)](https://github.com/charlyautomatiza/starter-playwright/actions/workflows/playwright.yml)
+
 ### Overview
 
 Esta documentación está disponible también en [**Castellano**](LEEME.md).
@@ -79,7 +82,7 @@ Example .env:
 
 **IMPORTANT**:
 
-In the `thresholds` section of the [lighthouse.spec.ts](./tests/lighthouse.spec.ts) file, you can configure the acceptance level of the `accessibility`, `performance`, `SEO`, `best-practices`, `pwa` respectively.
+In the `thresholds` section of the [a11y.lighthouse.spec.ts](./tests/a11y.lighthouse.spec.ts) file, you can configure the acceptance level of the `accessibility`, `performance`, `SEO`, `best-practices`, `pwa` respectively.
 
 If our threshold is 100 for `accessibility`, our test must have 100% acceptance to be considered successful.
 

package.json

@@ -6,15 +6,15 @@
   "main": "index.js",
   "scripts": {
     "clean": "rimraf allure-results && rimraf allure-report && rimraf test-results && rimraf playwright-report && rimraf junit-results && rimraf lighthouse",
-    "api-example": "npx playwright test tests/api.example.spec.ts --project=chromium",
-    "data-mgmt": "npx playwright test tests/dataAPIExample.spec.ts --project=chromium",
+    "api-example": "npx playwright test tests/api.basic.example.spec.ts --project=chromium",
+    "data-mgmt": "npx playwright test tests/api.data.example.spec.ts --project=chromium",
     "api-ui": "npm run clean && npx playwright test tests/api.ui.spec.ts --project=chromium",
     "play-report": "npx playwright show-report",
     "allure-report": "allure generate ./allure-results --clean",
     "open-report": "npm run allure-report && allure open ./allure-report",
     "firefox": "npm run clean && npx playwright test --project=firefox",
     "chromium": "npx playwright test --project=chromium",
-    "a11y": "npm run clean && npx playwright test tests/lighthouse.spec.ts --project=chromium",
+    "a11y": "npm run clean && npx playwright test tests/a11y.lighthouse.spec.ts --project=chromium",
     "webkit": "npx playwright test --project=webkit",
     "test": "npm run clean && npx playwright test --project=chromium",
     "test-head": "npm run clean && npx playwright test --headed",