test: update Jest snapshots for @edx/paragon 2.6.4 → 2.7.0

The caret version pinning change updated @edx/paragon from 2.6.4 to
2.7.0, which caused Icon component IDs to change from "Icon2" to
"Icon1" in snapshot tests.

This is a cosmetic change with no functional impact. The Icon
component generates unique IDs using a module-level counter in
src/utils/newId.js:

    let lastId = 0;
    const newId = (prefix = 'id') => {
      lastId += 1;
      return `${prefix}${lastId}`;
    };

The ID values depend on module import order, which changed slightly
between versions. The visual rendering and accessibility features
(screen reader text) are unaffected.

References:
- Paragon Icon component: https://github.com/edx/paragon/blob/v2.7.0/src/Icon/index.jsx
- Paragon newId utility: https://github.com/edx/paragon/blob/v2.7.0/src/utils/newId.js
- Version comparison: https://github.com/edx/paragon/compare/v2.6.4...v2.7.0

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Feanil Patel
2026-01-29 15:33:08 -05:00
parent ae7a1c857a
commit 18113c63af
2 changed files with 22 additions and 22 deletions

View File

@@ -19,7 +19,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-up"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -71,7 +71,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -104,7 +104,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -137,7 +137,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -170,7 +170,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -203,7 +203,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -236,7 +236,7 @@ exports[`BlockBrowser component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -269,7 +269,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-up"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -321,7 +321,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -354,7 +354,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -387,7 +387,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -420,7 +420,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -453,7 +453,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -486,7 +486,7 @@ exports[`BlockBrowser component render with custom classname 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -527,7 +527,7 @@ exports[`BlockList component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -560,7 +560,7 @@ exports[`BlockList component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -593,7 +593,7 @@ exports[`BlockList component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -626,7 +626,7 @@ exports[`BlockList component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -659,7 +659,7 @@ exports[`BlockList component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"
@@ -692,7 +692,7 @@ exports[`BlockList component render with basic parameters 1`] = `
<span
aria-hidden={true}
className="fa fa-arrow-right"
id="Icon2"
id="Icon1"
/>
<span
className="sr-only"

View File

@@ -27,7 +27,7 @@ exports[`ReportStatus component render in progress status 1`] = `
<span
aria-hidden={true}
className="fa fa-refresh fa-spin fa-fw"
id="Icon2"
id="Icon1"
/>
</div>
</div>
@@ -50,7 +50,7 @@ exports[`ReportStatus component render success status 1`] = `
<span
aria-hidden={true}
className="fa fa-link"
id="Icon2"
id="Icon1"
/>
</div>
View Report