From cd48467cb9114a8c8854236252961271b3e8d452 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Mon, 8 Dec 2025 08:40:55 -0800 Subject: [PATCH 1/2] test(scripts): update palette query --- core/scripts/testing/scripts.js | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/core/scripts/testing/scripts.js b/core/scripts/testing/scripts.js index 965bd8183e3..9f080d3ee23 100644 --- a/core/scripts/testing/scripts.js +++ b/core/scripts/testing/scripts.js @@ -57,11 +57,19 @@ * Values can be `light`, `dark`, `high-contrast`, * or `high-contrast-dark`. Default to `light` for tests. */ - const paletteQuery = window.location.search.match(/palette=([a-z]+)/); - const paletteHash = window.location.hash.match(/palette=([a-z]+)/); + const validPalettes = ['light', 'dark', 'high-contrast', 'high-contrast-dark']; + const paletteQuery = window.location.search.match(/palette=([a-z-]+)/); + const paletteHash = window.location.hash.match(/palette=([a-z-]+)/); const darkClass = document.body?.classList.contains('ion-palette-dark') ? 'dark' : null; + const highContrastClass = document.body?.classList.contains('ion-palette-high-contrast') ? 'high-contrast' : null; + const highContrastDarkClass = darkClass && highContrastClass ? 'high-contrast-dark' : null; - const paletteName = paletteQuery?.[1] || paletteHash?.[1] || darkClass || 'light'; + let paletteName = paletteQuery?.[1] || paletteHash?.[1] || highContrastDarkClass || darkClass || highContrastClass || 'light'; + + if (!validPalettes.includes(paletteName)) { + paletteName = 'light'; + console.warn(`Invalid palette name: ${paletteName}. Falling back to 'light' palette.`); + } if (paletteName !== 'light') { const linkTag = document.createElement('link'); From ec6fd1cf1f289bdaadb075b3c51294862d43d8a1 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Mon, 8 Dec 2025 11:40:04 -0800 Subject: [PATCH 2/2] Update core/scripts/testing/scripts.js Co-authored-by: Brandy Smith --- core/scripts/testing/scripts.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/scripts/testing/scripts.js b/core/scripts/testing/scripts.js index 9f080d3ee23..ff8236c6a0f 100644 --- a/core/scripts/testing/scripts.js +++ b/core/scripts/testing/scripts.js @@ -67,8 +67,8 @@ let paletteName = paletteQuery?.[1] || paletteHash?.[1] || highContrastDarkClass || darkClass || highContrastClass || 'light'; if (!validPalettes.includes(paletteName)) { + console.warn(`Invalid palette name: '${paletteName}'. Falling back to 'light' palette.`); paletteName = 'light'; - console.warn(`Invalid palette name: ${paletteName}. Falling back to 'light' palette.`); } if (paletteName !== 'light') {