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:
@@ -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"
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user