@atlashub/smartstack-cli 1.4.1 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.documentation/agents.html +916 -916
- package/.documentation/apex.html +1018 -1018
- package/.documentation/business-analyse.html +1501 -1501
- package/.documentation/commands.html +680 -680
- package/.documentation/css/styles.css +2168 -2168
- package/.documentation/efcore.html +2505 -2505
- package/.documentation/gitflow.html +2618 -2618
- package/.documentation/hooks.html +413 -413
- package/.documentation/index.html +323 -323
- package/.documentation/installation.html +462 -462
- package/.documentation/js/app.js +794 -794
- package/.documentation/test-web.html +513 -513
- package/dist/index.js +807 -277
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/templates/agents/efcore/conflicts.md +44 -17
- package/templates/agents/efcore/db-status.md +27 -6
- package/templates/agents/efcore/scan.md +43 -13
- package/templates/commands/ai-prompt.md +315 -315
- package/templates/commands/application/create.md +362 -362
- package/templates/commands/controller/create.md +216 -216
- package/templates/commands/controller.md +59 -0
- package/templates/commands/documentation/module.md +202 -202
- package/templates/commands/efcore/_env-check.md +153 -153
- package/templates/commands/efcore/conflicts.md +109 -192
- package/templates/commands/efcore/db-status.md +101 -89
- package/templates/commands/efcore/migration.md +23 -11
- package/templates/commands/efcore/scan.md +115 -119
- package/templates/commands/efcore.md +54 -6
- package/templates/commands/feature-full.md +267 -267
- package/templates/commands/gitflow/11-finish.md +145 -11
- package/templates/commands/gitflow/13-sync.md +216 -216
- package/templates/commands/gitflow/14-rebase.md +251 -251
- package/templates/commands/gitflow/2-status.md +120 -10
- package/templates/commands/gitflow/3-commit.md +150 -0
- package/templates/commands/gitflow/7-pull-request.md +134 -5
- package/templates/commands/gitflow/9-merge.md +142 -1
- package/templates/commands/implement.md +663 -663
- package/templates/commands/init.md +562 -0
- package/templates/commands/mcp-integration.md +330 -0
- package/templates/commands/notification.md +129 -129
- package/templates/commands/validate.md +233 -0
- package/templates/commands/workflow.md +193 -193
- package/templates/skills/ai-prompt/SKILL.md +778 -778
- package/templates/skills/application/SKILL.md +563 -563
- package/templates/skills/application/templates-backend.md +450 -450
- package/templates/skills/application/templates-frontend.md +531 -531
- package/templates/skills/application/templates-i18n.md +520 -520
- package/templates/skills/application/templates-seed.md +647 -647
- package/templates/skills/controller/SKILL.md +240 -240
- package/templates/skills/controller/postman-templates.md +614 -614
- package/templates/skills/controller/templates.md +1468 -1468
- package/templates/skills/documentation/SKILL.md +133 -133
- package/templates/skills/documentation/templates.md +476 -476
- package/templates/skills/feature-full/SKILL.md +838 -838
- package/templates/skills/notification/SKILL.md +555 -555
- package/templates/skills/ui-components/SKILL.md +870 -870
- package/templates/skills/workflow/SKILL.md +582 -582
|
@@ -1,513 +1,513 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="fr">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Test Web - SmartStack CLI</title>
|
|
7
|
-
<link rel="stylesheet" href="css/styles.css">
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div class="app-container">
|
|
11
|
-
<!-- Global Header (single unified element) -->
|
|
12
|
-
<header class="global-header">
|
|
13
|
-
<div class="logo">SS</div>
|
|
14
|
-
<span class="site-title">SmartStack CLI</span>
|
|
15
|
-
<span class="version-badge">v1.4.0</span>
|
|
16
|
-
<div class="header-divider"></div>
|
|
17
|
-
<span class="page-title">Test Web</span>
|
|
18
|
-
<nav class="breadcrumb">
|
|
19
|
-
<a href="index.html">
|
|
20
|
-
<span data-lang="fr">Accueil</span>
|
|
21
|
-
<span data-lang="en">Home</span>
|
|
22
|
-
</a>
|
|
23
|
-
<span class="breadcrumb-separator">›</span>
|
|
24
|
-
<span data-lang="fr">Outils</span>
|
|
25
|
-
<span data-lang="en">Tools</span>
|
|
26
|
-
<span class="breadcrumb-separator">›</span>
|
|
27
|
-
<span class="breadcrumb-current">Test Web</span>
|
|
28
|
-
</nav>
|
|
29
|
-
<!-- Language Select -->
|
|
30
|
-
<select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
|
|
31
|
-
<option value="fr">🇫🇷 FR</option>
|
|
32
|
-
<option value="en">🇬🇧 EN</option>
|
|
33
|
-
</select>
|
|
34
|
-
<!-- Search -->
|
|
35
|
-
<div class="header-search">
|
|
36
|
-
<div class="search-input-wrapper">
|
|
37
|
-
<span class="search-icon">🔍</span>
|
|
38
|
-
<input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
|
|
39
|
-
<span class="search-shortcut">Ctrl+K</span>
|
|
40
|
-
</div>
|
|
41
|
-
<div id="search-results" class="search-results"></div>
|
|
42
|
-
</div>
|
|
43
|
-
</header>
|
|
44
|
-
|
|
45
|
-
<!-- App Body -->
|
|
46
|
-
<div class="app-body">
|
|
47
|
-
<!-- Sidebar -->
|
|
48
|
-
<aside class="sidebar">
|
|
49
|
-
<button class="sidebar-toggle" title="Toggle sidebar">
|
|
50
|
-
<span class="toggle-icon-collapse">«</span>
|
|
51
|
-
<span class="toggle-icon-expand">»</span>
|
|
52
|
-
</button>
|
|
53
|
-
|
|
54
|
-
<nav class="sidebar-nav">
|
|
55
|
-
<div class="nav-section">
|
|
56
|
-
<div class="nav-section-title">
|
|
57
|
-
<span data-lang="fr">Demarrage</span>
|
|
58
|
-
<span data-lang="en">Getting Started</span>
|
|
59
|
-
</div>
|
|
60
|
-
<a href="index.html" class="nav-item">
|
|
61
|
-
<span class="icon">🏠</span>
|
|
62
|
-
<span class="nav-text" data-lang="fr">Accueil</span>
|
|
63
|
-
<span class="nav-text" data-lang="en">Home</span>
|
|
64
|
-
</a>
|
|
65
|
-
<a href="installation.html" class="nav-item">
|
|
66
|
-
<span class="icon">📦</span>
|
|
67
|
-
<span class="nav-text">Installation</span>
|
|
68
|
-
</a>
|
|
69
|
-
</div>
|
|
70
|
-
|
|
71
|
-
<div class="nav-section">
|
|
72
|
-
<div class="nav-section-title">Workflows</div>
|
|
73
|
-
<a href="gitflow.html" class="nav-item">
|
|
74
|
-
<span class="icon">🔀</span>
|
|
75
|
-
<span class="nav-text">GitFlow</span>
|
|
76
|
-
</a>
|
|
77
|
-
<a href="efcore.html" class="nav-item">
|
|
78
|
-
<span class="icon">🗄</span>
|
|
79
|
-
<span class="nav-text">EF Core</span>
|
|
80
|
-
</a>
|
|
81
|
-
<a href="apex.html" class="nav-item">
|
|
82
|
-
<span class="icon">🎯</span>
|
|
83
|
-
<span class="nav-text">APEX</span>
|
|
84
|
-
</a>
|
|
85
|
-
<a href="business-analyse.html" class="nav-item">
|
|
86
|
-
<span class="icon">📊</span>
|
|
87
|
-
<span class="nav-text">Business Analyse</span>
|
|
88
|
-
</a>
|
|
89
|
-
<a href="ralph-loop.html" class="nav-item">
|
|
90
|
-
<span class="icon">🔄</span>
|
|
91
|
-
<span class="nav-text">Ralph Loop</span>
|
|
92
|
-
</a>
|
|
93
|
-
</div>
|
|
94
|
-
|
|
95
|
-
<div class="nav-section">
|
|
96
|
-
<div class="nav-section-title">
|
|
97
|
-
<span data-lang="fr">Outils</span>
|
|
98
|
-
<span data-lang="en">Tools</span>
|
|
99
|
-
</div>
|
|
100
|
-
<a href="agents.html" class="nav-item">
|
|
101
|
-
<span class="icon">🤖</span>
|
|
102
|
-
<span class="nav-text">Agents</span>
|
|
103
|
-
</a>
|
|
104
|
-
<a href="commands.html" class="nav-item">
|
|
105
|
-
<span class="icon">⚡</span>
|
|
106
|
-
<span class="nav-text" data-lang="fr">Commandes</span>
|
|
107
|
-
<span class="nav-text" data-lang="en">Commands</span>
|
|
108
|
-
</a>
|
|
109
|
-
<a href="hooks.html" class="nav-item">
|
|
110
|
-
<span class="icon">🔗</span>
|
|
111
|
-
<span class="nav-text">Hooks</span>
|
|
112
|
-
</a>
|
|
113
|
-
<a href="test-web.html" class="nav-item active">
|
|
114
|
-
<span class="icon">🌐</span>
|
|
115
|
-
<span class="nav-text">Test Web</span>
|
|
116
|
-
</a>
|
|
117
|
-
</div>
|
|
118
|
-
</nav>
|
|
119
|
-
|
|
120
|
-
</aside>
|
|
121
|
-
|
|
122
|
-
<!-- Main Content -->
|
|
123
|
-
<main class="main-content">
|
|
124
|
-
<div class="content content-wide">
|
|
125
|
-
<!-- Introduction -->
|
|
126
|
-
<section id="introduction">
|
|
127
|
-
<h2>Introduction</h2>
|
|
128
|
-
<p data-lang="fr">
|
|
129
|
-
La commande <code>/test-web</code> permet de tester l'accessibilite et le contenu des ressources web de votre projet. Elle supporte plusieurs modes : fetch rapide, tests E2E avec Chrome, et generation de rapports.
|
|
130
|
-
</p>
|
|
131
|
-
<p data-lang="en">
|
|
132
|
-
The <code>/test-web</code> command tests the accessibility and content of your project's web resources. It supports multiple modes: quick fetch, E2E tests with Chrome, and report generation.
|
|
133
|
-
</p>
|
|
134
|
-
</section>
|
|
135
|
-
|
|
136
|
-
<!-- Modes -->
|
|
137
|
-
<section id="modes">
|
|
138
|
-
<h2>
|
|
139
|
-
<span data-lang="fr">Modes d'execution</span>
|
|
140
|
-
<span data-lang="en">Execution Modes</span>
|
|
141
|
-
</h2>
|
|
142
|
-
|
|
143
|
-
<div class="card-grid">
|
|
144
|
-
<div class="card">
|
|
145
|
-
<div class="card-header">
|
|
146
|
-
<div class="card-icon" style="background: var(--success);">⚡</div>
|
|
147
|
-
<div>
|
|
148
|
-
<div class="card-title">--quick</div>
|
|
149
|
-
<div class="card-subtitle">WebFetch</div>
|
|
150
|
-
</div>
|
|
151
|
-
</div>
|
|
152
|
-
<div class="card-body">
|
|
153
|
-
<p data-lang="fr">Test rapide HTTP 200 + verification du contenu texte.</p>
|
|
154
|
-
<p data-lang="en">Quick HTTP 200 test + text content verification.</p>
|
|
155
|
-
</div>
|
|
156
|
-
</div>
|
|
157
|
-
|
|
158
|
-
<div class="card">
|
|
159
|
-
<div class="card-header">
|
|
160
|
-
<div class="card-icon" style="background: var(--primary);">💻</div>
|
|
161
|
-
<div>
|
|
162
|
-
<div class="card-title">--chrome</div>
|
|
163
|
-
<div class="card-subtitle">E2E</div>
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
<div class="card-body">
|
|
167
|
-
<p data-lang="fr">Tests E2E complets avec Claude for Chrome.</p>
|
|
168
|
-
<p data-lang="en">Full E2E tests with Claude for Chrome.</p>
|
|
169
|
-
</div>
|
|
170
|
-
</div>
|
|
171
|
-
|
|
172
|
-
<div class="card">
|
|
173
|
-
<div class="card-header">
|
|
174
|
-
<div class="card-icon" style="background: var(--warning);">📄</div>
|
|
175
|
-
<div>
|
|
176
|
-
<div class="card-title">--report</div>
|
|
177
|
-
<div class="card-subtitle">Markdown</div>
|
|
178
|
-
</div>
|
|
179
|
-
</div>
|
|
180
|
-
<div class="card-body">
|
|
181
|
-
<p data-lang="fr">Genere un rapport detaille dans reports/.</p>
|
|
182
|
-
<p data-lang="en">Generates a detailed report in reports/.</p>
|
|
183
|
-
</div>
|
|
184
|
-
</div>
|
|
185
|
-
</div>
|
|
186
|
-
</section>
|
|
187
|
-
|
|
188
|
-
<!-- Usage -->
|
|
189
|
-
<section id="usage">
|
|
190
|
-
<h2>
|
|
191
|
-
<span data-lang="fr">Utilisation</span>
|
|
192
|
-
<span data-lang="en">Usage</span>
|
|
193
|
-
</h2>
|
|
194
|
-
|
|
195
|
-
<div class="command-card">
|
|
196
|
-
<div class="command-header">
|
|
197
|
-
<code class="command-name">/test-web</code>
|
|
198
|
-
<span class="tag tag-command">Test</span>
|
|
199
|
-
</div>
|
|
200
|
-
<div class="command-body">
|
|
201
|
-
<div class="code-block">
|
|
202
|
-
<button class="copy-btn">Copy</button>
|
|
203
|
-
<pre><code># Test rapide de toutes les URLs configurees
|
|
204
|
-
/test-web --quick
|
|
205
|
-
|
|
206
|
-
# Test E2E avec navigateur (requires claude --chrome)
|
|
207
|
-
/test-web --chrome
|
|
208
|
-
|
|
209
|
-
# Test d'une URL specifique
|
|
210
|
-
/test-web https://github.com/org/repo
|
|
211
|
-
|
|
212
|
-
# Generer rapport detaille
|
|
213
|
-
/test-web --report</code></pre>
|
|
214
|
-
</div>
|
|
215
|
-
</div>
|
|
216
|
-
</div>
|
|
217
|
-
</section>
|
|
218
|
-
|
|
219
|
-
<!-- Configuration -->
|
|
220
|
-
<section id="configuration">
|
|
221
|
-
<h2>Configuration</h2>
|
|
222
|
-
|
|
223
|
-
<p data-lang="fr">Creez un fichier de configuration dans <code>.claude/test-web/config.json</code> :</p>
|
|
224
|
-
<p data-lang="en">Create a configuration file in <code>.claude/test-web/config.json</code>:</p>
|
|
225
|
-
|
|
226
|
-
<div class="code-block">
|
|
227
|
-
<button class="copy-btn">Copy</button>
|
|
228
|
-
<pre><code>{
|
|
229
|
-
"version": "1.0.0",
|
|
230
|
-
"targets": [
|
|
231
|
-
{
|
|
232
|
-
"name": "npm Package Page",
|
|
233
|
-
"url": "https://www.npmjs.com/package/@scope/package-name",
|
|
234
|
-
"type": "fetch",
|
|
235
|
-
"expects": {
|
|
236
|
-
"status": 200,
|
|
237
|
-
"contains": ["package-name", "Install"]
|
|
238
|
-
}
|
|
239
|
-
},
|
|
240
|
-
{
|
|
241
|
-
"name": "npm Search",
|
|
242
|
-
"query": "@scope/package-name npm",
|
|
243
|
-
"type": "search",
|
|
244
|
-
"expects": {
|
|
245
|
-
"hasResults": true
|
|
246
|
-
}
|
|
247
|
-
},
|
|
248
|
-
{
|
|
249
|
-
"name": "GitHub Repository",
|
|
250
|
-
"url": "https://github.com/org/repo",
|
|
251
|
-
"type": "fetch",
|
|
252
|
-
"expects": {
|
|
253
|
-
"status": 200,
|
|
254
|
-
"contains": ["README", "package.json"]
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
],
|
|
258
|
-
"settings": {
|
|
259
|
-
"timeout": 30000,
|
|
260
|
-
"retries": 2,
|
|
261
|
-
"reportPath": ".claude/test-web/reports"
|
|
262
|
-
}
|
|
263
|
-
}</code></pre>
|
|
264
|
-
</div>
|
|
265
|
-
|
|
266
|
-
<h3 data-lang="fr">Types de targets</h3>
|
|
267
|
-
<h3 data-lang="en">Target Types</h3>
|
|
268
|
-
|
|
269
|
-
<div class="table-container">
|
|
270
|
-
<table>
|
|
271
|
-
<thead>
|
|
272
|
-
<tr>
|
|
273
|
-
<th>Type</th>
|
|
274
|
-
<th>
|
|
275
|
-
<span data-lang="fr">Description</span>
|
|
276
|
-
<span data-lang="en">Description</span>
|
|
277
|
-
</th>
|
|
278
|
-
<th>
|
|
279
|
-
<span data-lang="fr">Validation</span>
|
|
280
|
-
<span data-lang="en">Validation</span>
|
|
281
|
-
</th>
|
|
282
|
-
</tr>
|
|
283
|
-
</thead>
|
|
284
|
-
<tbody>
|
|
285
|
-
<tr>
|
|
286
|
-
<td><code>fetch</code></td>
|
|
287
|
-
<td>
|
|
288
|
-
<span data-lang="fr">Requete HTTP simple</span>
|
|
289
|
-
<span data-lang="en">Simple HTTP request</span>
|
|
290
|
-
</td>
|
|
291
|
-
<td>status, contains</td>
|
|
292
|
-
</tr>
|
|
293
|
-
<tr>
|
|
294
|
-
<td><code>search</code></td>
|
|
295
|
-
<td>
|
|
296
|
-
<span data-lang="fr">Recherche web</span>
|
|
297
|
-
<span data-lang="en">Web search</span>
|
|
298
|
-
</td>
|
|
299
|
-
<td>hasResults</td>
|
|
300
|
-
</tr>
|
|
301
|
-
<tr>
|
|
302
|
-
<td><code>chrome</code></td>
|
|
303
|
-
<td>
|
|
304
|
-
<span data-lang="fr">Test E2E navigateur</span>
|
|
305
|
-
<span data-lang="en">Browser E2E test</span>
|
|
306
|
-
</td>
|
|
307
|
-
<td>actions, screenshots</td>
|
|
308
|
-
</tr>
|
|
309
|
-
</tbody>
|
|
310
|
-
</table>
|
|
311
|
-
</div>
|
|
312
|
-
</section>
|
|
313
|
-
|
|
314
|
-
<!-- Templates -->
|
|
315
|
-
<section id="templates">
|
|
316
|
-
<h2>
|
|
317
|
-
<span data-lang="fr">Templates pre-configures</span>
|
|
318
|
-
<span data-lang="en">Pre-configured Templates</span>
|
|
319
|
-
</h2>
|
|
320
|
-
|
|
321
|
-
<p data-lang="fr">Claude Tools inclut des templates de configuration pour les cas d'usage courants :</p>
|
|
322
|
-
<p data-lang="en">Claude Tools includes configuration templates for common use cases:</p>
|
|
323
|
-
|
|
324
|
-
<div class="table-container">
|
|
325
|
-
<table>
|
|
326
|
-
<thead>
|
|
327
|
-
<tr>
|
|
328
|
-
<th>Template</th>
|
|
329
|
-
<th>
|
|
330
|
-
<span data-lang="fr">Description</span>
|
|
331
|
-
<span data-lang="en">Description</span>
|
|
332
|
-
</th>
|
|
333
|
-
</tr>
|
|
334
|
-
</thead>
|
|
335
|
-
<tbody>
|
|
336
|
-
<tr>
|
|
337
|
-
<td><code>minimal.json</code></td>
|
|
338
|
-
<td>
|
|
339
|
-
<span data-lang="fr">Configuration minimale de base</span>
|
|
340
|
-
<span data-lang="en">Basic minimal configuration</span>
|
|
341
|
-
</td>
|
|
342
|
-
</tr>
|
|
343
|
-
<tr>
|
|
344
|
-
<td><code>npm-package.json</code></td>
|
|
345
|
-
<td>
|
|
346
|
-
<span data-lang="fr">Tests pour package npm (npm, GitHub, releases)</span>
|
|
347
|
-
<span data-lang="en">Tests for npm package (npm, GitHub, releases)</span>
|
|
348
|
-
</td>
|
|
349
|
-
</tr>
|
|
350
|
-
<tr>
|
|
351
|
-
<td><code>api-health.json</code></td>
|
|
352
|
-
<td>
|
|
353
|
-
<span data-lang="fr">Tests de sante API REST</span>
|
|
354
|
-
<span data-lang="en">REST API health tests</span>
|
|
355
|
-
</td>
|
|
356
|
-
</tr>
|
|
357
|
-
<tr>
|
|
358
|
-
<td><code>seo-check.json</code></td>
|
|
359
|
-
<td>
|
|
360
|
-
<span data-lang="fr">Verification SEO et indexation</span>
|
|
361
|
-
<span data-lang="en">SEO and indexation check</span>
|
|
362
|
-
</td>
|
|
363
|
-
</tr>
|
|
364
|
-
</tbody>
|
|
365
|
-
</table>
|
|
366
|
-
</div>
|
|
367
|
-
|
|
368
|
-
<div class="code-block">
|
|
369
|
-
<button class="copy-btn">Copy</button>
|
|
370
|
-
<pre><code># Utiliser un template
|
|
371
|
-
/test-web-config npm-package
|
|
372
|
-
|
|
373
|
-
# Cela copie le template dans .claude/test-web/config.json</code></pre>
|
|
374
|
-
</div>
|
|
375
|
-
</section>
|
|
376
|
-
|
|
377
|
-
<!-- Output -->
|
|
378
|
-
<section id="output">
|
|
379
|
-
<h2>
|
|
380
|
-
<span data-lang="fr">Format de sortie</span>
|
|
381
|
-
<span data-lang="en">Output Format</span>
|
|
382
|
-
</h2>
|
|
383
|
-
|
|
384
|
-
<h3 data-lang="fr">Succes</h3>
|
|
385
|
-
<h3 data-lang="en">Success</h3>
|
|
386
|
-
|
|
387
|
-
<div class="code-block">
|
|
388
|
-
<pre><code>TEST WEB RESULTS
|
|
389
|
-
────────────────────────────────
|
|
390
|
-
GitHub Repository 200 OK "README" found
|
|
391
|
-
npm Package 200 OK "claude-tools" found
|
|
392
|
-
Google Indexation Results Found in search
|
|
393
|
-
|
|
394
|
-
Status: 3/3 PASS
|
|
395
|
-
────────────────────────────────</code></pre>
|
|
396
|
-
</div>
|
|
397
|
-
|
|
398
|
-
<h3 data-lang="fr">Echec</h3>
|
|
399
|
-
<h3 data-lang="en">Failure</h3>
|
|
400
|
-
|
|
401
|
-
<div class="code-block">
|
|
402
|
-
<pre><code>TEST WEB RESULTS
|
|
403
|
-
────────────────────────────────
|
|
404
|
-
GitHub Repository 200 OK "README" found
|
|
405
|
-
npm Package 404 Package not found
|
|
406
|
-
Google Indexation Results No relevant results
|
|
407
|
-
|
|
408
|
-
Status: 1/3 PASS, 1 FAIL, 1 WARNING
|
|
409
|
-
────────────────────────────────</code></pre>
|
|
410
|
-
</div>
|
|
411
|
-
</section>
|
|
412
|
-
|
|
413
|
-
<!-- Chrome Mode -->
|
|
414
|
-
<section id="chrome">
|
|
415
|
-
<h2>
|
|
416
|
-
<span data-lang="fr">Mode Chrome (E2E)</span>
|
|
417
|
-
<span data-lang="en">Chrome Mode (E2E)</span>
|
|
418
|
-
</h2>
|
|
419
|
-
|
|
420
|
-
<div class="alert alert-info">
|
|
421
|
-
<span class="alert-icon">💡</span>
|
|
422
|
-
<div class="alert-content">
|
|
423
|
-
<h5 data-lang="fr">Prerequis</h5>
|
|
424
|
-
<h5 data-lang="en">Prerequisites</h5>
|
|
425
|
-
<div class="feature-grid">
|
|
426
|
-
<div class="feature-item">
|
|
427
|
-
<span class="feature-icon">🔌</span>
|
|
428
|
-
<span class="feature-text" data-lang="fr">Extension "Claude for Chrome" installee</span>
|
|
429
|
-
<span class="feature-text" data-lang="en">Extension "Claude for Chrome" installed</span>
|
|
430
|
-
</div>
|
|
431
|
-
<div class="feature-item">
|
|
432
|
-
<span class="feature-icon">🆔</span>
|
|
433
|
-
<span class="feature-text" data-lang="fr">Plan Max/Pro/Team/Enterprise</span>
|
|
434
|
-
<span class="feature-text" data-lang="en">Max/Pro/Team/Enterprise plan</span>
|
|
435
|
-
</div>
|
|
436
|
-
<div class="feature-item">
|
|
437
|
-
<span class="feature-icon">▶</span>
|
|
438
|
-
<span class="feature-text" data-lang="fr">Claude Code lance avec : <code>claude --chrome</code></span>
|
|
439
|
-
<span class="feature-text" data-lang="en">Claude Code launched with: <code>claude --chrome</code></span>
|
|
440
|
-
</div>
|
|
441
|
-
</div>
|
|
442
|
-
</div>
|
|
443
|
-
</div>
|
|
444
|
-
|
|
445
|
-
<div class="code-block">
|
|
446
|
-
<button class="copy-btn">Copy</button>
|
|
447
|
-
<pre><code># 1. Lancer Claude Code avec Chrome
|
|
448
|
-
claude --chrome
|
|
449
|
-
|
|
450
|
-
# 2. Executer les tests E2E
|
|
451
|
-
/test-web --chrome</code></pre>
|
|
452
|
-
</div>
|
|
453
|
-
</section>
|
|
454
|
-
|
|
455
|
-
<!-- Integration -->
|
|
456
|
-
<section id="integration">
|
|
457
|
-
<h2>
|
|
458
|
-
<span data-lang="fr">Integration workflows</span>
|
|
459
|
-
<span data-lang="en">Workflow Integration</span>
|
|
460
|
-
</h2>
|
|
461
|
-
|
|
462
|
-
<p data-lang="fr">
|
|
463
|
-
<code>/test-web</code> peut etre appele automatiquement dans d'autres workflows :
|
|
464
|
-
</p>
|
|
465
|
-
<p data-lang="en">
|
|
466
|
-
<code>/test-web</code> can be called automatically in other workflows:
|
|
467
|
-
</p>
|
|
468
|
-
|
|
469
|
-
<div class="table-container">
|
|
470
|
-
<table>
|
|
471
|
-
<thead>
|
|
472
|
-
<tr>
|
|
473
|
-
<th>Workflow</th>
|
|
474
|
-
<th>Phase</th>
|
|
475
|
-
<th>
|
|
476
|
-
<span data-lang="fr">Usage</span>
|
|
477
|
-
<span data-lang="en">Usage</span>
|
|
478
|
-
</th>
|
|
479
|
-
</tr>
|
|
480
|
-
</thead>
|
|
481
|
-
<tbody>
|
|
482
|
-
<tr>
|
|
483
|
-
<td><strong>BA</strong></td>
|
|
484
|
-
<td>/ba:5-verify</td>
|
|
485
|
-
<td>
|
|
486
|
-
<span data-lang="fr">Verification des endpoints deployes</span>
|
|
487
|
-
<span data-lang="en">Deployed endpoints verification</span>
|
|
488
|
-
</td>
|
|
489
|
-
</tr>
|
|
490
|
-
<tr>
|
|
491
|
-
<td><strong>EPCT</strong></td>
|
|
492
|
-
<td>Phase T (Test)</td>
|
|
493
|
-
<td>
|
|
494
|
-
<span data-lang="fr">Tests d'integration web</span>
|
|
495
|
-
<span data-lang="en">Web integration tests</span>
|
|
496
|
-
</td>
|
|
497
|
-
</tr>
|
|
498
|
-
</tbody>
|
|
499
|
-
</table>
|
|
500
|
-
</div>
|
|
501
|
-
</section>
|
|
502
|
-
</div>
|
|
503
|
-
</main>
|
|
504
|
-
</div>
|
|
505
|
-
</div>
|
|
506
|
-
|
|
507
|
-
<!-- Mobile Menu Button -->
|
|
508
|
-
<button class="mobile-menu-btn">☰</button>
|
|
509
|
-
<div class="overlay"></div>
|
|
510
|
-
|
|
511
|
-
<script src="js/app.js"></script>
|
|
512
|
-
</body>
|
|
513
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Test Web - SmartStack CLI</title>
|
|
7
|
+
<link rel="stylesheet" href="css/styles.css">
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div class="app-container">
|
|
11
|
+
<!-- Global Header (single unified element) -->
|
|
12
|
+
<header class="global-header">
|
|
13
|
+
<div class="logo">SS</div>
|
|
14
|
+
<span class="site-title">SmartStack CLI</span>
|
|
15
|
+
<span class="version-badge">v1.4.0</span>
|
|
16
|
+
<div class="header-divider"></div>
|
|
17
|
+
<span class="page-title">Test Web</span>
|
|
18
|
+
<nav class="breadcrumb">
|
|
19
|
+
<a href="index.html">
|
|
20
|
+
<span data-lang="fr">Accueil</span>
|
|
21
|
+
<span data-lang="en">Home</span>
|
|
22
|
+
</a>
|
|
23
|
+
<span class="breadcrumb-separator">›</span>
|
|
24
|
+
<span data-lang="fr">Outils</span>
|
|
25
|
+
<span data-lang="en">Tools</span>
|
|
26
|
+
<span class="breadcrumb-separator">›</span>
|
|
27
|
+
<span class="breadcrumb-current">Test Web</span>
|
|
28
|
+
</nav>
|
|
29
|
+
<!-- Language Select -->
|
|
30
|
+
<select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
|
|
31
|
+
<option value="fr">🇫🇷 FR</option>
|
|
32
|
+
<option value="en">🇬🇧 EN</option>
|
|
33
|
+
</select>
|
|
34
|
+
<!-- Search -->
|
|
35
|
+
<div class="header-search">
|
|
36
|
+
<div class="search-input-wrapper">
|
|
37
|
+
<span class="search-icon">🔍</span>
|
|
38
|
+
<input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
|
|
39
|
+
<span class="search-shortcut">Ctrl+K</span>
|
|
40
|
+
</div>
|
|
41
|
+
<div id="search-results" class="search-results"></div>
|
|
42
|
+
</div>
|
|
43
|
+
</header>
|
|
44
|
+
|
|
45
|
+
<!-- App Body -->
|
|
46
|
+
<div class="app-body">
|
|
47
|
+
<!-- Sidebar -->
|
|
48
|
+
<aside class="sidebar">
|
|
49
|
+
<button class="sidebar-toggle" title="Toggle sidebar">
|
|
50
|
+
<span class="toggle-icon-collapse">«</span>
|
|
51
|
+
<span class="toggle-icon-expand">»</span>
|
|
52
|
+
</button>
|
|
53
|
+
|
|
54
|
+
<nav class="sidebar-nav">
|
|
55
|
+
<div class="nav-section">
|
|
56
|
+
<div class="nav-section-title">
|
|
57
|
+
<span data-lang="fr">Demarrage</span>
|
|
58
|
+
<span data-lang="en">Getting Started</span>
|
|
59
|
+
</div>
|
|
60
|
+
<a href="index.html" class="nav-item">
|
|
61
|
+
<span class="icon">🏠</span>
|
|
62
|
+
<span class="nav-text" data-lang="fr">Accueil</span>
|
|
63
|
+
<span class="nav-text" data-lang="en">Home</span>
|
|
64
|
+
</a>
|
|
65
|
+
<a href="installation.html" class="nav-item">
|
|
66
|
+
<span class="icon">📦</span>
|
|
67
|
+
<span class="nav-text">Installation</span>
|
|
68
|
+
</a>
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<div class="nav-section">
|
|
72
|
+
<div class="nav-section-title">Workflows</div>
|
|
73
|
+
<a href="gitflow.html" class="nav-item">
|
|
74
|
+
<span class="icon">🔀</span>
|
|
75
|
+
<span class="nav-text">GitFlow</span>
|
|
76
|
+
</a>
|
|
77
|
+
<a href="efcore.html" class="nav-item">
|
|
78
|
+
<span class="icon">🗄</span>
|
|
79
|
+
<span class="nav-text">EF Core</span>
|
|
80
|
+
</a>
|
|
81
|
+
<a href="apex.html" class="nav-item">
|
|
82
|
+
<span class="icon">🎯</span>
|
|
83
|
+
<span class="nav-text">APEX</span>
|
|
84
|
+
</a>
|
|
85
|
+
<a href="business-analyse.html" class="nav-item">
|
|
86
|
+
<span class="icon">📊</span>
|
|
87
|
+
<span class="nav-text">Business Analyse</span>
|
|
88
|
+
</a>
|
|
89
|
+
<a href="ralph-loop.html" class="nav-item">
|
|
90
|
+
<span class="icon">🔄</span>
|
|
91
|
+
<span class="nav-text">Ralph Loop</span>
|
|
92
|
+
</a>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
<div class="nav-section">
|
|
96
|
+
<div class="nav-section-title">
|
|
97
|
+
<span data-lang="fr">Outils</span>
|
|
98
|
+
<span data-lang="en">Tools</span>
|
|
99
|
+
</div>
|
|
100
|
+
<a href="agents.html" class="nav-item">
|
|
101
|
+
<span class="icon">🤖</span>
|
|
102
|
+
<span class="nav-text">Agents</span>
|
|
103
|
+
</a>
|
|
104
|
+
<a href="commands.html" class="nav-item">
|
|
105
|
+
<span class="icon">⚡</span>
|
|
106
|
+
<span class="nav-text" data-lang="fr">Commandes</span>
|
|
107
|
+
<span class="nav-text" data-lang="en">Commands</span>
|
|
108
|
+
</a>
|
|
109
|
+
<a href="hooks.html" class="nav-item">
|
|
110
|
+
<span class="icon">🔗</span>
|
|
111
|
+
<span class="nav-text">Hooks</span>
|
|
112
|
+
</a>
|
|
113
|
+
<a href="test-web.html" class="nav-item active">
|
|
114
|
+
<span class="icon">🌐</span>
|
|
115
|
+
<span class="nav-text">Test Web</span>
|
|
116
|
+
</a>
|
|
117
|
+
</div>
|
|
118
|
+
</nav>
|
|
119
|
+
|
|
120
|
+
</aside>
|
|
121
|
+
|
|
122
|
+
<!-- Main Content -->
|
|
123
|
+
<main class="main-content">
|
|
124
|
+
<div class="content content-wide">
|
|
125
|
+
<!-- Introduction -->
|
|
126
|
+
<section id="introduction">
|
|
127
|
+
<h2>Introduction</h2>
|
|
128
|
+
<p data-lang="fr">
|
|
129
|
+
La commande <code>/test-web</code> permet de tester l'accessibilite et le contenu des ressources web de votre projet. Elle supporte plusieurs modes : fetch rapide, tests E2E avec Chrome, et generation de rapports.
|
|
130
|
+
</p>
|
|
131
|
+
<p data-lang="en">
|
|
132
|
+
The <code>/test-web</code> command tests the accessibility and content of your project's web resources. It supports multiple modes: quick fetch, E2E tests with Chrome, and report generation.
|
|
133
|
+
</p>
|
|
134
|
+
</section>
|
|
135
|
+
|
|
136
|
+
<!-- Modes -->
|
|
137
|
+
<section id="modes">
|
|
138
|
+
<h2>
|
|
139
|
+
<span data-lang="fr">Modes d'execution</span>
|
|
140
|
+
<span data-lang="en">Execution Modes</span>
|
|
141
|
+
</h2>
|
|
142
|
+
|
|
143
|
+
<div class="card-grid">
|
|
144
|
+
<div class="card">
|
|
145
|
+
<div class="card-header">
|
|
146
|
+
<div class="card-icon" style="background: var(--success);">⚡</div>
|
|
147
|
+
<div>
|
|
148
|
+
<div class="card-title">--quick</div>
|
|
149
|
+
<div class="card-subtitle">WebFetch</div>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
<div class="card-body">
|
|
153
|
+
<p data-lang="fr">Test rapide HTTP 200 + verification du contenu texte.</p>
|
|
154
|
+
<p data-lang="en">Quick HTTP 200 test + text content verification.</p>
|
|
155
|
+
</div>
|
|
156
|
+
</div>
|
|
157
|
+
|
|
158
|
+
<div class="card">
|
|
159
|
+
<div class="card-header">
|
|
160
|
+
<div class="card-icon" style="background: var(--primary);">💻</div>
|
|
161
|
+
<div>
|
|
162
|
+
<div class="card-title">--chrome</div>
|
|
163
|
+
<div class="card-subtitle">E2E</div>
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
<div class="card-body">
|
|
167
|
+
<p data-lang="fr">Tests E2E complets avec Claude for Chrome.</p>
|
|
168
|
+
<p data-lang="en">Full E2E tests with Claude for Chrome.</p>
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
|
|
172
|
+
<div class="card">
|
|
173
|
+
<div class="card-header">
|
|
174
|
+
<div class="card-icon" style="background: var(--warning);">📄</div>
|
|
175
|
+
<div>
|
|
176
|
+
<div class="card-title">--report</div>
|
|
177
|
+
<div class="card-subtitle">Markdown</div>
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
180
|
+
<div class="card-body">
|
|
181
|
+
<p data-lang="fr">Genere un rapport detaille dans reports/.</p>
|
|
182
|
+
<p data-lang="en">Generates a detailed report in reports/.</p>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
</section>
|
|
187
|
+
|
|
188
|
+
<!-- Usage -->
|
|
189
|
+
<section id="usage">
|
|
190
|
+
<h2>
|
|
191
|
+
<span data-lang="fr">Utilisation</span>
|
|
192
|
+
<span data-lang="en">Usage</span>
|
|
193
|
+
</h2>
|
|
194
|
+
|
|
195
|
+
<div class="command-card">
|
|
196
|
+
<div class="command-header">
|
|
197
|
+
<code class="command-name">/test-web</code>
|
|
198
|
+
<span class="tag tag-command">Test</span>
|
|
199
|
+
</div>
|
|
200
|
+
<div class="command-body">
|
|
201
|
+
<div class="code-block">
|
|
202
|
+
<button class="copy-btn">Copy</button>
|
|
203
|
+
<pre><code># Test rapide de toutes les URLs configurees
|
|
204
|
+
/test-web --quick
|
|
205
|
+
|
|
206
|
+
# Test E2E avec navigateur (requires claude --chrome)
|
|
207
|
+
/test-web --chrome
|
|
208
|
+
|
|
209
|
+
# Test d'une URL specifique
|
|
210
|
+
/test-web https://github.com/org/repo
|
|
211
|
+
|
|
212
|
+
# Generer rapport detaille
|
|
213
|
+
/test-web --report</code></pre>
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
</div>
|
|
217
|
+
</section>
|
|
218
|
+
|
|
219
|
+
<!-- Configuration -->
|
|
220
|
+
<section id="configuration">
|
|
221
|
+
<h2>Configuration</h2>
|
|
222
|
+
|
|
223
|
+
<p data-lang="fr">Creez un fichier de configuration dans <code>.claude/test-web/config.json</code> :</p>
|
|
224
|
+
<p data-lang="en">Create a configuration file in <code>.claude/test-web/config.json</code>:</p>
|
|
225
|
+
|
|
226
|
+
<div class="code-block">
|
|
227
|
+
<button class="copy-btn">Copy</button>
|
|
228
|
+
<pre><code>{
|
|
229
|
+
"version": "1.0.0",
|
|
230
|
+
"targets": [
|
|
231
|
+
{
|
|
232
|
+
"name": "npm Package Page",
|
|
233
|
+
"url": "https://www.npmjs.com/package/@scope/package-name",
|
|
234
|
+
"type": "fetch",
|
|
235
|
+
"expects": {
|
|
236
|
+
"status": 200,
|
|
237
|
+
"contains": ["package-name", "Install"]
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"name": "npm Search",
|
|
242
|
+
"query": "@scope/package-name npm",
|
|
243
|
+
"type": "search",
|
|
244
|
+
"expects": {
|
|
245
|
+
"hasResults": true
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"name": "GitHub Repository",
|
|
250
|
+
"url": "https://github.com/org/repo",
|
|
251
|
+
"type": "fetch",
|
|
252
|
+
"expects": {
|
|
253
|
+
"status": 200,
|
|
254
|
+
"contains": ["README", "package.json"]
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
],
|
|
258
|
+
"settings": {
|
|
259
|
+
"timeout": 30000,
|
|
260
|
+
"retries": 2,
|
|
261
|
+
"reportPath": ".claude/test-web/reports"
|
|
262
|
+
}
|
|
263
|
+
}</code></pre>
|
|
264
|
+
</div>
|
|
265
|
+
|
|
266
|
+
<h3 data-lang="fr">Types de targets</h3>
|
|
267
|
+
<h3 data-lang="en">Target Types</h3>
|
|
268
|
+
|
|
269
|
+
<div class="table-container">
|
|
270
|
+
<table>
|
|
271
|
+
<thead>
|
|
272
|
+
<tr>
|
|
273
|
+
<th>Type</th>
|
|
274
|
+
<th>
|
|
275
|
+
<span data-lang="fr">Description</span>
|
|
276
|
+
<span data-lang="en">Description</span>
|
|
277
|
+
</th>
|
|
278
|
+
<th>
|
|
279
|
+
<span data-lang="fr">Validation</span>
|
|
280
|
+
<span data-lang="en">Validation</span>
|
|
281
|
+
</th>
|
|
282
|
+
</tr>
|
|
283
|
+
</thead>
|
|
284
|
+
<tbody>
|
|
285
|
+
<tr>
|
|
286
|
+
<td><code>fetch</code></td>
|
|
287
|
+
<td>
|
|
288
|
+
<span data-lang="fr">Requete HTTP simple</span>
|
|
289
|
+
<span data-lang="en">Simple HTTP request</span>
|
|
290
|
+
</td>
|
|
291
|
+
<td>status, contains</td>
|
|
292
|
+
</tr>
|
|
293
|
+
<tr>
|
|
294
|
+
<td><code>search</code></td>
|
|
295
|
+
<td>
|
|
296
|
+
<span data-lang="fr">Recherche web</span>
|
|
297
|
+
<span data-lang="en">Web search</span>
|
|
298
|
+
</td>
|
|
299
|
+
<td>hasResults</td>
|
|
300
|
+
</tr>
|
|
301
|
+
<tr>
|
|
302
|
+
<td><code>chrome</code></td>
|
|
303
|
+
<td>
|
|
304
|
+
<span data-lang="fr">Test E2E navigateur</span>
|
|
305
|
+
<span data-lang="en">Browser E2E test</span>
|
|
306
|
+
</td>
|
|
307
|
+
<td>actions, screenshots</td>
|
|
308
|
+
</tr>
|
|
309
|
+
</tbody>
|
|
310
|
+
</table>
|
|
311
|
+
</div>
|
|
312
|
+
</section>
|
|
313
|
+
|
|
314
|
+
<!-- Templates -->
|
|
315
|
+
<section id="templates">
|
|
316
|
+
<h2>
|
|
317
|
+
<span data-lang="fr">Templates pre-configures</span>
|
|
318
|
+
<span data-lang="en">Pre-configured Templates</span>
|
|
319
|
+
</h2>
|
|
320
|
+
|
|
321
|
+
<p data-lang="fr">Claude Tools inclut des templates de configuration pour les cas d'usage courants :</p>
|
|
322
|
+
<p data-lang="en">Claude Tools includes configuration templates for common use cases:</p>
|
|
323
|
+
|
|
324
|
+
<div class="table-container">
|
|
325
|
+
<table>
|
|
326
|
+
<thead>
|
|
327
|
+
<tr>
|
|
328
|
+
<th>Template</th>
|
|
329
|
+
<th>
|
|
330
|
+
<span data-lang="fr">Description</span>
|
|
331
|
+
<span data-lang="en">Description</span>
|
|
332
|
+
</th>
|
|
333
|
+
</tr>
|
|
334
|
+
</thead>
|
|
335
|
+
<tbody>
|
|
336
|
+
<tr>
|
|
337
|
+
<td><code>minimal.json</code></td>
|
|
338
|
+
<td>
|
|
339
|
+
<span data-lang="fr">Configuration minimale de base</span>
|
|
340
|
+
<span data-lang="en">Basic minimal configuration</span>
|
|
341
|
+
</td>
|
|
342
|
+
</tr>
|
|
343
|
+
<tr>
|
|
344
|
+
<td><code>npm-package.json</code></td>
|
|
345
|
+
<td>
|
|
346
|
+
<span data-lang="fr">Tests pour package npm (npm, GitHub, releases)</span>
|
|
347
|
+
<span data-lang="en">Tests for npm package (npm, GitHub, releases)</span>
|
|
348
|
+
</td>
|
|
349
|
+
</tr>
|
|
350
|
+
<tr>
|
|
351
|
+
<td><code>api-health.json</code></td>
|
|
352
|
+
<td>
|
|
353
|
+
<span data-lang="fr">Tests de sante API REST</span>
|
|
354
|
+
<span data-lang="en">REST API health tests</span>
|
|
355
|
+
</td>
|
|
356
|
+
</tr>
|
|
357
|
+
<tr>
|
|
358
|
+
<td><code>seo-check.json</code></td>
|
|
359
|
+
<td>
|
|
360
|
+
<span data-lang="fr">Verification SEO et indexation</span>
|
|
361
|
+
<span data-lang="en">SEO and indexation check</span>
|
|
362
|
+
</td>
|
|
363
|
+
</tr>
|
|
364
|
+
</tbody>
|
|
365
|
+
</table>
|
|
366
|
+
</div>
|
|
367
|
+
|
|
368
|
+
<div class="code-block">
|
|
369
|
+
<button class="copy-btn">Copy</button>
|
|
370
|
+
<pre><code># Utiliser un template
|
|
371
|
+
/test-web-config npm-package
|
|
372
|
+
|
|
373
|
+
# Cela copie le template dans .claude/test-web/config.json</code></pre>
|
|
374
|
+
</div>
|
|
375
|
+
</section>
|
|
376
|
+
|
|
377
|
+
<!-- Output -->
|
|
378
|
+
<section id="output">
|
|
379
|
+
<h2>
|
|
380
|
+
<span data-lang="fr">Format de sortie</span>
|
|
381
|
+
<span data-lang="en">Output Format</span>
|
|
382
|
+
</h2>
|
|
383
|
+
|
|
384
|
+
<h3 data-lang="fr">Succes</h3>
|
|
385
|
+
<h3 data-lang="en">Success</h3>
|
|
386
|
+
|
|
387
|
+
<div class="code-block">
|
|
388
|
+
<pre><code>TEST WEB RESULTS
|
|
389
|
+
────────────────────────────────
|
|
390
|
+
GitHub Repository 200 OK "README" found
|
|
391
|
+
npm Package 200 OK "claude-tools" found
|
|
392
|
+
Google Indexation Results Found in search
|
|
393
|
+
|
|
394
|
+
Status: 3/3 PASS
|
|
395
|
+
────────────────────────────────</code></pre>
|
|
396
|
+
</div>
|
|
397
|
+
|
|
398
|
+
<h3 data-lang="fr">Echec</h3>
|
|
399
|
+
<h3 data-lang="en">Failure</h3>
|
|
400
|
+
|
|
401
|
+
<div class="code-block">
|
|
402
|
+
<pre><code>TEST WEB RESULTS
|
|
403
|
+
────────────────────────────────
|
|
404
|
+
GitHub Repository 200 OK "README" found
|
|
405
|
+
npm Package 404 Package not found
|
|
406
|
+
Google Indexation Results No relevant results
|
|
407
|
+
|
|
408
|
+
Status: 1/3 PASS, 1 FAIL, 1 WARNING
|
|
409
|
+
────────────────────────────────</code></pre>
|
|
410
|
+
</div>
|
|
411
|
+
</section>
|
|
412
|
+
|
|
413
|
+
<!-- Chrome Mode -->
|
|
414
|
+
<section id="chrome">
|
|
415
|
+
<h2>
|
|
416
|
+
<span data-lang="fr">Mode Chrome (E2E)</span>
|
|
417
|
+
<span data-lang="en">Chrome Mode (E2E)</span>
|
|
418
|
+
</h2>
|
|
419
|
+
|
|
420
|
+
<div class="alert alert-info">
|
|
421
|
+
<span class="alert-icon">💡</span>
|
|
422
|
+
<div class="alert-content">
|
|
423
|
+
<h5 data-lang="fr">Prerequis</h5>
|
|
424
|
+
<h5 data-lang="en">Prerequisites</h5>
|
|
425
|
+
<div class="feature-grid">
|
|
426
|
+
<div class="feature-item">
|
|
427
|
+
<span class="feature-icon">🔌</span>
|
|
428
|
+
<span class="feature-text" data-lang="fr">Extension "Claude for Chrome" installee</span>
|
|
429
|
+
<span class="feature-text" data-lang="en">Extension "Claude for Chrome" installed</span>
|
|
430
|
+
</div>
|
|
431
|
+
<div class="feature-item">
|
|
432
|
+
<span class="feature-icon">🆔</span>
|
|
433
|
+
<span class="feature-text" data-lang="fr">Plan Max/Pro/Team/Enterprise</span>
|
|
434
|
+
<span class="feature-text" data-lang="en">Max/Pro/Team/Enterprise plan</span>
|
|
435
|
+
</div>
|
|
436
|
+
<div class="feature-item">
|
|
437
|
+
<span class="feature-icon">▶</span>
|
|
438
|
+
<span class="feature-text" data-lang="fr">Claude Code lance avec : <code>claude --chrome</code></span>
|
|
439
|
+
<span class="feature-text" data-lang="en">Claude Code launched with: <code>claude --chrome</code></span>
|
|
440
|
+
</div>
|
|
441
|
+
</div>
|
|
442
|
+
</div>
|
|
443
|
+
</div>
|
|
444
|
+
|
|
445
|
+
<div class="code-block">
|
|
446
|
+
<button class="copy-btn">Copy</button>
|
|
447
|
+
<pre><code># 1. Lancer Claude Code avec Chrome
|
|
448
|
+
claude --chrome
|
|
449
|
+
|
|
450
|
+
# 2. Executer les tests E2E
|
|
451
|
+
/test-web --chrome</code></pre>
|
|
452
|
+
</div>
|
|
453
|
+
</section>
|
|
454
|
+
|
|
455
|
+
<!-- Integration -->
|
|
456
|
+
<section id="integration">
|
|
457
|
+
<h2>
|
|
458
|
+
<span data-lang="fr">Integration workflows</span>
|
|
459
|
+
<span data-lang="en">Workflow Integration</span>
|
|
460
|
+
</h2>
|
|
461
|
+
|
|
462
|
+
<p data-lang="fr">
|
|
463
|
+
<code>/test-web</code> peut etre appele automatiquement dans d'autres workflows :
|
|
464
|
+
</p>
|
|
465
|
+
<p data-lang="en">
|
|
466
|
+
<code>/test-web</code> can be called automatically in other workflows:
|
|
467
|
+
</p>
|
|
468
|
+
|
|
469
|
+
<div class="table-container">
|
|
470
|
+
<table>
|
|
471
|
+
<thead>
|
|
472
|
+
<tr>
|
|
473
|
+
<th>Workflow</th>
|
|
474
|
+
<th>Phase</th>
|
|
475
|
+
<th>
|
|
476
|
+
<span data-lang="fr">Usage</span>
|
|
477
|
+
<span data-lang="en">Usage</span>
|
|
478
|
+
</th>
|
|
479
|
+
</tr>
|
|
480
|
+
</thead>
|
|
481
|
+
<tbody>
|
|
482
|
+
<tr>
|
|
483
|
+
<td><strong>BA</strong></td>
|
|
484
|
+
<td>/ba:5-verify</td>
|
|
485
|
+
<td>
|
|
486
|
+
<span data-lang="fr">Verification des endpoints deployes</span>
|
|
487
|
+
<span data-lang="en">Deployed endpoints verification</span>
|
|
488
|
+
</td>
|
|
489
|
+
</tr>
|
|
490
|
+
<tr>
|
|
491
|
+
<td><strong>EPCT</strong></td>
|
|
492
|
+
<td>Phase T (Test)</td>
|
|
493
|
+
<td>
|
|
494
|
+
<span data-lang="fr">Tests d'integration web</span>
|
|
495
|
+
<span data-lang="en">Web integration tests</span>
|
|
496
|
+
</td>
|
|
497
|
+
</tr>
|
|
498
|
+
</tbody>
|
|
499
|
+
</table>
|
|
500
|
+
</div>
|
|
501
|
+
</section>
|
|
502
|
+
</div>
|
|
503
|
+
</main>
|
|
504
|
+
</div>
|
|
505
|
+
</div>
|
|
506
|
+
|
|
507
|
+
<!-- Mobile Menu Button -->
|
|
508
|
+
<button class="mobile-menu-btn">☰</button>
|
|
509
|
+
<div class="overlay"></div>
|
|
510
|
+
|
|
511
|
+
<script src="js/app.js"></script>
|
|
512
|
+
</body>
|
|
513
|
+
</html>
|