[WIP] [Tests - E2E] Utilisation de Playwright plutôt que Cypress

[emilschn]

Ticket

#3036

Description

Test d'utilisation de Playwright à la place de Cypress pour les tests e2e.
https://playwright.dev/docs/codegen#recording-a-test

Objectif : avoir un deuxième job non-bloquant qui fait les tests e2e dans la CI.

Attention

Dans l'état des lieux actuels, la PR n'est pas fonctionnelle.

• Des mises à jour ont été apportées dans npm
• Par répercution, le DatePicker de Vue ne fonctionne plus actuellement

Méthodes testées

J'ai testé ces méthodes sans que ce ne soit fonctionnel pour l'instant

La méthode par défaut

C'est celle qui est commentée en bas du fichier npx playwright test
Je n'ai pas réussi à trouver d'URL accessible à appeler pour faire le test, malgré mes recherches

La méthode Dialog

MTES-MCT/dialog@42da526
Trouvé par Saidi
C'est la méthode qui est dans le dev actuel : tout faire passer par docker, via les commandes Make
C'est pas loin de fonctionner, mais la CI rencontre une erreur 500 au moment de l'appel

Changements apportés

• Ajout du fichier de configuration de playwright à la racine playwright.config.ts
  • En conséquence, ajout de commandes Makefile pour avoir des commandes accessibles via la CI
• Ajout du fichier de job GitHub playwright.yml
• Ajout du fichier de test front.spec.ts
• Incrémentation de versions de certains packages npm pour compatibilité

Pré-requis

Avec tout ça, je ne sais plus si il est nécessaire de réinstaller quelque chose en local

J'avais commencé par ça : npm init playwright@latest
Je pense qu'il y a une partie installation locale dedans...
Mais on il ne faudrait pas que ça écrase l'existant...
A voir ce que ça fait :)

Pour tester en local, après installation : npx playwright test

Tests

• CI fonctionnelle
• Tour sur la plateforme pour vérifier que tout fonctionne, en prêtant une attention particulière aux composants Vue (formulaire, liste signalements, stats FO et BO)

[sonarqubecloud]

Quality Gate failed

Failed conditions
1 Security Hotspot

See analysis details on SonarCloud

[sonarqubecloud]

Quality Gate failed

Failed conditions
1 Security Hotspot
B Maintainability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE