update snapshots and allow legacy peer dependencies

NASA-IMPACT · Aug 3, 2023 · e659572 · e659572
1 parent fe413c2
commit e659572
Show file tree

Hide file tree

Showing 7 changed files with 11,357 additions and 11,688 deletions.
diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
@@ -59,11 +59,11 @@ jobs:
           key: ${{ runner.os }}-gatsby-build-${{ hashFiles('yarn.lock') }}-${{ hashFiles('src/**') }}
 
       - name: Install
-        run: yarn install
+        run: yarn install --legacy-peer-deps
 
       - name: Build
         if: steps.cache-build.outputs.cache-hit != 'true'
-        run: yarn build
+        run: yarn build 
 
   test-e2e-playwright:
     needs: build
@@ -113,7 +113,7 @@ jobs:
           key: ${{ runner.os }}-gatsby-build-${{ hashFiles('yarn.lock') }}-${{ hashFiles('src/**') }}
 
       - name: Install npm dependencies
-        run: npm install
+        run: npm install --legacy-peer-deps
 
       - name: Install Playwright
         run: npx playwright install --with-deps

diff --git a/src/components/__tests__/__snapshots__/data-section.test.js.snap b/src/components/__tests__/__snapshots__/data-section.test.js.snap
@@ -47,7 +47,7 @@ exports[`Data Section matches snapshot 1`] = `
         <span
           id="Campaigns"
           style={
-            Object {
+            {
               "border": 0,
               "clip": "rect(0 0 0 0)",
               "height": "1px",
@@ -98,7 +98,7 @@ exports[`Data Section matches snapshot 1`] = `
         <span
           id="Platforms"
           style={
-            Object {
+            {
               "border": 0,
               "clip": "rect(0 0 0 0)",
               "height": "1px",
@@ -158,7 +158,6 @@ exports[`Data Section matches snapshot 1`] = `
           >
             GPM GROUND VALIDATION ADVANCED MICROWAVE PRECIPITATION RADIOMETER (AMPR) IPHEX V2
           </label>
-          
         </div>
         <div
           className="data-section___StyledDiv4-sc-11szotn-3 hZXqEX"
@@ -295,7 +294,6 @@ exports[`Data Section matches snapshot 1`] = `
           >
             GPM GROUND VALIDATION ADVANCED MICROWAVE PRECIPITATION RADIOMETER (AMPR) MC3E V1
           </label>
-          
         </div>
         <div
           className="data-section___StyledDiv4-sc-11szotn-3 hZXqEX"
@@ -347,7 +345,6 @@ exports[`Data Section matches snapshot 1`] = `
           >
             GPM Ground Validation Advanced Microwave Precipitation Radiometer (AMPR) OLYMPEX V1
           </label>
-          
         </div>
         <div
           className="data-section___StyledDiv4-sc-11szotn-3 hZXqEX"
@@ -399,7 +396,6 @@ exports[`Data Section matches snapshot 1`] = `
           >
             TCSP AMPR BRIGHTNESS TEMPERATURE (TB) V2
           </label>
-          
         </div>
         <div
           className="data-section___StyledDiv4-sc-11szotn-3 hZXqEX"

diff --git a/src/templates/campaign/__tests__/__snapshots__/focus-section.test.js.snap b/src/templates/campaign/__tests__/__snapshots__/focus-section.test.js.snap
@@ -43,7 +43,7 @@ exports[`Focus Section displays content 1`] = `
           data-cy="focus-area"
           href="/focus/Carbon Cycle & Ecosystems"
           state={
-            Object {
+            {
               "selectedFilterId": "f1bd646f-876f-4e9f-896e-f7d4571ecc00",
             }
           }
@@ -88,7 +88,7 @@ exports[`Focus Section displays content 1`] = `
             data-cy="geophysical-concept-link"
             href="/explore/campaigns"
             state={
-              Object {
+              {
                 "selectedFilterId": "f1bd646f-876f-4e9f-896e-f7d4571ecc00",
               }
             }

diff --git a/src/templates/campaign/__tests__/__snapshots__/platform-section.test.js.snap b/src/templates/campaign/__tests__/__snapshots__/platform-section.test.js.snap
@@ -140,13 +140,13 @@ exports[`Platform Section displays content 1`] = `
               data-state="collapsed"
             >
               <button
-                aria-controls="panel---1"
+                aria-controls="panel--:r0:---1"
                 aria-expanded={false}
                 className="accordion___StyledAccordionButton-sc-1dzvn26-2 ihAXTv"
                 data-cy="accordion-button"
                 data-reach-accordion-button=""
                 data-state="collapsed"
-                id="button---1"
+                id="button--:r0:---1"
                 onClick={[Function]}
                 onKeyDown={[Function]}
               >
@@ -180,12 +180,12 @@ exports[`Platform Section displays content 1`] = `
                 </div>
               </button>
               <div
-                aria-labelledby="button---1"
+                aria-labelledby="button--:r0:---1"
                 className="accordion___StyledAccordionPanel-sc-1dzvn26-3 ctpjXv"
                 data-reach-accordion-panel=""
                 data-state="collapsed"
                 hidden={true}
-                id="panel---1"
+                id="panel--:r0:---1"
                 role="region"
               >
                 <div
@@ -328,13 +328,13 @@ exports[`Platform Section displays content 1`] = `
               data-state="collapsed"
             >
               <button
-                aria-controls="panel---1"
+                aria-controls="panel--:r1:---1"
                 aria-expanded={false}
                 className="accordion___StyledAccordionButton-sc-1dzvn26-2 ihAXTv"
                 data-cy="accordion-button"
                 data-reach-accordion-button=""
                 data-state="collapsed"
-                id="button---1"
+                id="button--:r1:---1"
                 onClick={[Function]}
                 onKeyDown={[Function]}
               >
@@ -368,12 +368,12 @@ exports[`Platform Section displays content 1`] = `
                 </div>
               </button>
               <div
-                aria-labelledby="button---1"
+                aria-labelledby="button--:r1:---1"
                 className="accordion___StyledAccordionPanel-sc-1dzvn26-3 ctpjXv"
                 data-reach-accordion-panel=""
                 data-state="collapsed"
                 hidden={true}
-                id="panel---1"
+                id="panel--:r1:---1"
                 role="region"
               >
                 <div

diff --git a/src/templates/campaign/__tests__/__snapshots__/program-info-section.test.js.snap b/src/templates/campaign/__tests__/__snapshots__/program-info-section.test.js.snap
@@ -40,7 +40,7 @@ exports[`Program Info Section renders logo when present in props 1`] = `
             className="gatsby-image-wrapper"
             data-gatsby-image-wrapper=""
             style={
-              Object {
+              {
                 "backgroundColor": undefined,
                 "overflow": "hidden",
                 "position": "relative",
@@ -50,7 +50,7 @@ exports[`Program Info Section renders logo when present in props 1`] = `
             <div
               aria-hidden={true}
               style={
-                Object {
+                {
                   "paddingTop": "99.2248062015504%",
                 }
               }
@@ -59,7 +59,7 @@ exports[`Program Info Section renders logo when present in props 1`] = `
               aria-hidden={true}
               data-placeholder-image=""
               style={
-                Object {
+                {
                   "height": "100%",
                   "left": 0,
                   "position": "absolute",
@@ -84,7 +84,7 @@ exports[`Program Info Section renders logo when present in props 1`] = `
                 loading="lazy"
                 sizes="100vw"
                 style={
-                  Object {
+                  {
                     "backgroundColor": undefined,
                     "height": "100%",
                     "left": 0,
@@ -118,7 +118,7 @@ exports[`Program Info Section renders logo when present in props 1`] = `
                   src="/static/3d17ba6135efff1e39e6b4d97157a123/893c2/3b06165b-7033-4357-8f15-d2b68cbd84ff.png"
                   srcSet="/static/3d17ba6135efff1e39e6b4d97157a123/893c2/3b06165b-7033-4357-8f15-d2b68cbd84ff.png 129w"
                   style={
-                    Object {
+                    {
                       "backgroundColor": undefined,
                       "height": "100%",
                       "left": 0,
@@ -138,8 +138,8 @@ exports[`Program Info Section renders logo when present in props 1`] = `
             </noscript>
             <script
               dangerouslySetInnerHTML={
-                Object {
-                  "__html": "const t=\\"undefined\\"!=typeof HTMLImageElement&&\\"loading\\"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll(\\"img[data-main-image]\\");for(let e of t){e.dataset.src&&(e.setAttribute(\\"src\\",e.dataset.src),e.removeAttribute(\\"data-src\\")),e.dataset.srcset&&(e.setAttribute(\\"srcset\\",e.dataset.srcset),e.removeAttribute(\\"data-srcset\\"));const t=e.parentNode.querySelectorAll(\\"source[data-srcset]\\");for(let e of t)e.setAttribute(\\"srcset\\",e.dataset.srcset),e.removeAttribute(\\"data-srcset\\");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector(\\"[data-placeholder-image]\\").style.opacity=0)}}",
+                {
+                  "__html": "const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}",
                 }
               }
               type="module"

diff --git a/src/templates/instrument/__tests__/__snapshots__/overview-section.test.js.snap b/src/templates/instrument/__tests__/__snapshots__/overview-section.test.js.snap
@@ -12,7 +12,7 @@ exports[`Overview Section displays content 1`] = `
   />
   <span
     style={
-      Object {
+      {
         "border": 0,
         "clip": "rect(0 0 0 0)",
         "height": "1px",