From 18113c63af3462220f689f8c934bf73d8df307cf Mon Sep 17 00:00:00 2001
From: Feanil Patel <feanil@axim.org>
Date: Thu, 29 Jan 2026 15:33:08 -0500
Subject: [PATCH] =?UTF-8?q?test:=20update=20Jest=20snapshots=20for=20@edx/?=
 =?UTF-8?q?paragon=202.6.4=20=E2=86=92=202.7.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 .../__snapshots__/BlockBrowser.test.jsx.snap  | 40 +++++++++----------
 .../__snapshots__/ReportStatus.test.jsx.snap  |  4 +-
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/common/static/common/js/components/BlockBrowser/components/BlockBrowser/__snapshots__/BlockBrowser.test.jsx.snap b/common/static/common/js/components/BlockBrowser/components/BlockBrowser/__snapshots__/BlockBrowser.test.jsx.snap
index d51261cbc1..4ac542763b 100644
--- a/common/static/common/js/components/BlockBrowser/components/BlockBrowser/__snapshots__/BlockBrowser.test.jsx.snap
+++ b/common/static/common/js/components/BlockBrowser/components/BlockBrowser/__snapshots__/BlockBrowser.test.jsx.snap
@@ -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"
diff --git a/lms/djangoapps/instructor/static/instructor/ProblemBrowser/components/ReportStatus/__snapshots__/ReportStatus.test.jsx.snap b/lms/djangoapps/instructor/static/instructor/ProblemBrowser/components/ReportStatus/__snapshots__/ReportStatus.test.jsx.snap
index d48e52d0c5..9cad37ae44 100644
--- a/lms/djangoapps/instructor/static/instructor/ProblemBrowser/components/ReportStatus/__snapshots__/ReportStatus.test.jsx.snap
+++ b/lms/djangoapps/instructor/static/instructor/ProblemBrowser/components/ReportStatus/__snapshots__/ReportStatus.test.jsx.snap
@@ -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