check for bad status codes before injecting axe

Author: StackOverflowIsBetterThanAnyAI

cypress/e2e/a11y.cy.js

@@ -1,80 +1,108 @@
 import { formatWCAGTag } from '../support/formatWCAGTag'
 
-describe('a11y tests', () => {
-    const pages = ['/']
+describe('accessibility tests', () => {
+    const pages = ['/', '/admin']
 
     pages.forEach((page) => {
         it(`WCAG 2.2 accessibility evaluation of ${
             page === '/' ? 'Homepage' : page
         }`, () => {
-            cy.visit(page, { failOnStatusCode: false })
-            cy.injectAxe()
+            cy.request({
+                url: page,
+                failOnStatusCode: false,
+            }).then((response) => {
+                const statusCode = response.status
 
-            const safeName = page.replace(/^\//, '').toLowerCase()
-            const reportPath = `cypress/reports/a11y-report-wcag-${
-                safeName === '' ? 'homepage' : safeName
-            }.json`
+                if (statusCode >= 400) {
+                    cy.task(
+                        'log',
+                        '\n===================================================================================='
+                    )
+                    cy.task(
+                        'log',
+                        `⚠️  Skipping Accessibility Check: ${page} failed to load (Status: ${statusCode}).`
+                    )
+                    cy.task(
+                        'log',
+                        '===================================================================================='
+                    )
+                    return
+                }
+                cy.visit(page)
+                cy.injectAxe()
 
-            cy.window()
-                .its('axe')
-                .then((axe) => {
-                    const options = {
-                        runOnly: {
-                            type: 'tag',
-                            values: [
-                                'wcag2a',
-                                'wcag2aa',
-                                'wcag21a',
-                                'wcag21aa',
-                                'wcag22a',
-                                'wcag22aa',
-                            ],
-                        },
-                    }
+                const safeName = page.replace(/^\//, '').toLowerCase()
+                const reportPath = `cypress/reports/a11y-report-wcag-${
+                    safeName === '' ? 'homepage' : safeName
+                }.json`
 
-                    return axe.run(options).then((results) => {
-                        cy.task(
-                            'log',
-                            `\n=== WCAG 2.2 accessibility evaluation of ${
-                                page === '/' ? 'Homepage' : page
-                            } ===`
-                        )
+                cy.window()
+                    .its('axe')
+                    .then((axe) => {
+                        const options = {
+                            runOnly: {
+                                type: 'tag',
+                                values: [
+                                    'wcag2a',
+                                    'wcag2aa',
+                                    'wcag21a',
+                                    'wcag21aa',
+                                    'wcag22a',
+                                    'wcag22aa',
+                                ],
+                            },
+                        }
 
-                        const categories = [
-                            { key: 'violations', label: `❌ failed` },
-                            { key: 'passes', label: `✅ passed` },
-                            { key: 'incomplete', label: `⚠️  incomplete` },
-                            { key: 'inapplicable', label: `⏭️  inapplicable` },
-                        ]
-
-                        categories.forEach(({ key, label }) => {
-                            const items = results[key] || []
+                        return axe.run(options).then((results) => {
                             cy.task(
                                 'log',
-                                `\n=== ${label} (${items.length}) ===`
+                                `\n=== WCAG 2.2 accessibility evaluation of ${
+                                    page === '/' ? 'Homepage' : page
+                                } ===`
                             )
 
-                            items.forEach((rule) => {
-                                const wcagRefs =
-                                    (rule.tags || [])
-                                        .filter((tag) => /^wcag/i.test(tag))
-                                        .map((tag) => formatWCAGTag(tag))
-                                        .join(', ') || 'no WCAG reference'
+                            const categories = [
+                                { key: 'violations', label: `❌ failed` },
+                                { key: 'passes', label: `✅ passed` },
+                                { key: 'incomplete', label: `⚠️  incomplete` },
+                                {
+                                    key: 'inapplicable',
+                                    label: `⏭️  inapplicable`,
+                                },
+                            ]
 
-                                cy.task('log', `→ Rule: ${rule.id}`)
-                                cy.task('log', `  Description: ${rule.help}`)
+                            categories.forEach(({ key, label }) => {
+                                const items = results[key] || []
                                 cy.task(
                                     'log',
-                                    `  Impact: ${rule.impact || 'n/a'}`
+                                    `\n===== ${label} (${items.length}) =====`
                                 )
-                                cy.task('log', `  WCAG: ${wcagRefs}`)
-                                cy.task('log', `  Help: ${rule.helpUrl}`)
+
+                                items.forEach((rule) => {
+                                    const wcagRefs =
+                                        (rule.tags || [])
+                                            .filter((tag) => /^wcag/i.test(tag))
+                                            .map((tag) => formatWCAGTag(tag))
+                                            .join(', ') || 'no WCAG reference'
+
+                                    cy.task('log', `→ Rule: ${rule.id}`)
+                                    cy.task(
+                                        'log',
+                                        `  Description: ${rule.help}`
+                                    )
+                                    cy.task(
+                                        'log',
+                                        `  Impact: ${rule.impact || 'n/a'}`
+                                    )
+                                    cy.task('log', `  WCAG: ${wcagRefs}`)
+                                    cy.task('log', `  Help: ${rule.helpUrl}`)
+                                })
                             })
-                        })
 
-                        cy.writeFile(reportPath, results)
+                            cy.writeFile(reportPath, results)
+                        })
                     })
-                })
+            })
         })
     })
 })