ui-test

# Chrome UI Test Skill

## Instructions à Exécuter

**IMPORTANT : Exécute ce workflow étape par étape de manière proactive.**

## Usage

```
/chrome-ui-test:ui-test <URL> [options]
```

**Arguments :**
- `<URL>` : URL de la page à tester (obligatoire)

**Options :**
- `--scenario="description"` : Scénario de test à exécuter (ex: "login avec email/password")
- `--responsive` : Tester sur 3 tailles d'écran (mobile 375x667 + tablette 768x1024 + desktop 1920x1080)
- `--mobile` : Tester uniquement sur mobile (375x667)
- `--tablet` : Tester uniquement sur tablette (768x1024)
- `--desktop` : Tester uniquement sur desktop (1920x1080)
- `--visual` : Capturer des screenshots pour validation visuelle
- `--debug` : Activer le mode debug (console logs, network requests)
- `--gif` : Enregistrer un GIF du parcours utilisateur
- `--viewport=WIDTHxHEIGHT` : Taille de fenêtre custom (ex: 1366x768)
- `--help` : Afficher un résumé des actions qui seront effectuées (avec les options actives) et demander confirmation

**Exemples :**
```bash
# Test simple de navigation
/chrome-ui-test:ui-test https://example.com

# Test d'un scénario de login avec GIF
/chrome-ui-test:ui-test https://app.example.com/login --scenario="login avec credentials valides" --gif

# Test responsive (3 tailles : mobile + tablette + desktop)
/chrome-ui-test:ui-test https://example.com --responsive --visual

# Test mobile uniquement
/chrome-ui-test:ui-test https://m.example.com --mobile --visual

# Test desktop uniquement
/chrome-ui-test:ui-test https://example.com --desktop

# Debug d'une page avec erreurs
/chrome-ui-test:ui-test https://example.com/broken-page --debug

# Voir ce qui sera fait avant de lancer
/chrome-ui-test:ui-test https://example.com --mobile --visual --help
```

## Workflow

### Phase -1 : Mode Aide (si --help)

**IMPORTANT : Cette phase s'exécute UNIQUEMENT si l'option --help est présente.**

1. **Analyser l'URL et les options**
   - URL cible : afficher l'URL qui sera testée
   - Options actives