snap-ally 0.2.4-beta → 0.2.7-beta

package/dist/SnapAllyReporter.js

@@ -197,12 +197,12 @@ class SnapAllyReporter {
     }
     /** Determines the browser name for the current test. */
     resolveBrowser(test) {
-        var _a, _b;
+        const project = test.parent.project();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const projectUse = ((_a = test.parent.project()) === null || _a === void 0 ? void 0 : _a.use) || {};
-        return (projectUse.defaultBrowserType ||
+        const projectUse = (project === null || project === void 0 ? void 0 : project.use) || {};
+        return ((project === null || project === void 0 ? void 0 : project.name) ||
             projectUse.browserName ||
-            ((_b = test.parent.project()) === null || _b === void 0 ? void 0 : _b.name) ||
+            projectUse.defaultBrowserType ||
             'chromium');
     }
     /** Converts Playwright error objects into HTML-safe strings. */

package/dist/templates/accessibility-report.html

@@ -117,11 +117,18 @@
 
             <!-- Success State -->
             <div class="success-verified-card" id="a11y-success-card" style="display: none">
-                <span class="material-symbols-outlined success-hero-icon">check_circle</span>
-                <h3 class="success-hero-title">Compliance Verified</h3>
-                <p class="success-hero-desc">
-                    Congratulations! This page passed all automated accessibility checks.
-                </p>
+                <div class="success-content-layout">
+                    <div class="success-icon-container">
+                        <span class="material-symbols-outlined">verified_user</span>
+                        <div class="icon-pulse"></div>
+                    </div>
+                    <div class="success-text-group">
+                        <h3 class="success-hero-title">Compliance Verified</h3>
+                        <p class="success-hero-desc">
+                            Congratulations! This page passed all automated accessibility checks.
+                        </p>
+                    </div>
+                </div>
             </div>
 
             <!-- Violations Container -->
@@ -315,7 +322,7 @@
                                         type="text"
                                         id="bugAreaInput"
                                         class="ado-form-input"
-                                        value="Accessibility"
+                                        placeholder="Project\Area"
                                     />
                                 </div>
                             </div>

package/dist/templates/report-app.js

@@ -880,7 +880,7 @@ async function submitFinalBug() {
 
     const title = document.getElementById('bugTitleInput').value;
     const severity = document.getElementById('bugSeverityInput').value;
-    const area = document.getElementById('bugAreaInput').value || 'Accessibility';
+    const area = document.getElementById('bugAreaInput').value.replace(/\\+/g, '\\');
 
     let screenshotUrl = null;
     if (screenshotBase64) {
@@ -932,10 +932,18 @@ async function submitFinalBug() {
             value: `Found at URL / Resource: <a href="${safePageKey}">${safePageKey}</a>`,
         },
         { op: 'add', path: '/fields/Microsoft.VSTS.Common.Priority', value: priority },
-        { op: 'add', path: '/fields/System.AreaPath', value: area.startsWith(proj + '\\') || area === proj ? area : `${proj}\\${area}` },
-        { op: 'add', path: '/fields/System.Tags', value: 'A11y;SnapAlly;UI-Test' },
     ];
 
+    if (area) {
+        payload.push({
+            op: 'add',
+            path: '/fields/System.AreaPath',
+            value: area.startsWith(proj + '\\') || area === proj ? area : `${proj}\\${area}`,
+        });
+    }
+
+    payload.push({ op: 'add', path: '/fields/System.Tags', value: 'A11y;SnapAlly;UI-Test' });
+
     if (screenshotUrl) {
         payload.push({
             op: 'add',

package/dist/templates/test-execution-report.html

@@ -196,11 +196,19 @@
 
             <!-- Accessibility Success -->
             <div class="success-verified-card" id="card-a11y-success" style="display: none">
-                <span class="material-symbols-outlined success-hero-icon">check_circle</span>
-                <h3 class="success-hero-title">Compliance Verified</h3>
-                <p class="success-hero-desc">
-                    Excellent! No accessibility violations were detected for this target resource.
-                </p>
+                <div class="success-content-layout">
+                    <div class="success-icon-container">
+                        <span class="material-symbols-outlined">check_circle</span>
+                        <div class="icon-pulse"></div>
+                    </div>
+                    <div class="success-text-group">
+                        <h3 class="success-hero-title">Compliance Verified</h3>
+                        <p class="success-hero-desc">
+                            Excellent! No accessibility violations were detected for this target
+                            resource.
+                        </p>
+                    </div>
+                </div>
             </div>
 
             <!-- Accessibility Errors -->

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "snap-ally",
-    "version": "0.2.4-beta",
+    "version": "0.2.7-beta",
     "description": "A custom Playwright reporter for Accessibility testing using Axe, with HTML reporting and Azure DevOps integration.",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",