From 53ebc3a030aac573eba6409cf3c604a4dbf9c456 Mon Sep 17 00:00:00 2001
From: Steven <steven@ceriously.com>
Date: Thu, 14 Mar 2024 10:04:29 -0400
Subject: [PATCH] chore(test): fix typo occured => occurred

---
 .../next-image-legacy/default/pages/on-error.js      |  6 +++---
 .../next-image-legacy/default/test/index.test.ts     |  6 +++---
 .../next-image-new/app-dir/app/on-error/page.js      |  6 +++---
 .../next-image-new/app-dir/test/index.test.ts        |  8 ++++----
 .../next-image-new/default/pages/on-error.js         |  6 +++---
 .../next-image-new/default/test/index.test.ts        |  8 ++++----
 test/turbopack-tests-manifest.json                   | 12 ++++++------
 7 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/test/integration/next-image-legacy/default/pages/on-error.js b/test/integration/next-image-legacy/default/pages/on-error.js
index 43f9d49e0f397..806768df48bf1 100644
--- a/test/integration/next-image-legacy/default/pages/on-error.js
+++ b/test/integration/next-image-legacy/default/pages/on-error.js
@@ -6,7 +6,7 @@ const Page = () => {
     <div>
       <h1>Test onError</h1>
       <p>
-        If error occured while loading image, native onError should be called.
+        If error occurred while loading image, native onError should be called.
       </p>
       <ImageWithMessage id="1" src="/test.png" layout="fill" />
 
@@ -17,7 +17,7 @@ const Page = () => {
 }
 
 function ImageWithMessage({ id, ...props }) {
-  const [msg, setMsg] = useState('no error occured')
+  const [msg, setMsg] = useState('no error occurred')
   const style =
     props.layout === 'fill'
       ? { position: 'relative', width: '64px', height: '64px' }
@@ -29,7 +29,7 @@ function ImageWithMessage({ id, ...props }) {
         <Image
           id={`img${id}`}
           onError={(e) => {
-            const msg = `error occured while loading ${e.target.id}`
+            const msg = `error occurred while loading ${e.target.id}`
             setMsg(msg)
           }}
           {...props}
diff --git a/test/integration/next-image-legacy/default/test/index.test.ts b/test/integration/next-image-legacy/default/test/index.test.ts
index beaac51148731..45efc1ef5466b 100644
--- a/test/integration/next-image-legacy/default/test/index.test.ts
+++ b/test/integration/next-image-legacy/default/test/index.test.ts
@@ -398,7 +398,7 @@ function runTests(mode) {
     )
   })
 
-  it('should callback native onError when error occured while loading image', async () => {
+  it('should callback native onError when error occurred while loading image', async () => {
     let browser = await webdriver(appPort, '/on-error')
 
     await check(
@@ -412,11 +412,11 @@ function runTests(mode) {
     )
     await check(
       () => browser.eval(`document.getElementById("msg1").textContent`),
-      'no error occured'
+      'no error occurred'
     )
     await check(
       () => browser.eval(`document.getElementById("msg2").textContent`),
-      'error occured while loading img2'
+      'error occurred while loading img2'
     )
   })
 
diff --git a/test/integration/next-image-new/app-dir/app/on-error/page.js b/test/integration/next-image-new/app-dir/app/on-error/page.js
index fb32b95e3d258..48f8849bc87b0 100644
--- a/test/integration/next-image-new/app-dir/app/on-error/page.js
+++ b/test/integration/next-image-new/app-dir/app/on-error/page.js
@@ -9,7 +9,7 @@ const Page = () => {
     <div>
       <h1>Test onError</h1>
       <p>
-        If error occured while loading image, native onError should be called.
+        If error occurred while loading image, native onError should be called.
       </p>
       <button id="toggle" onClick={() => setClicked(!clicked)}>
         Toggle
@@ -28,7 +28,7 @@ const Page = () => {
 }
 
 function ImageWithMessage({ id, ...props }) {
-  const [msg, setMsg] = useState(`no error occured for img${id}`)
+  const [msg, setMsg] = useState(`no error occurred for img${id}`)
 
   return (
     <>
@@ -36,7 +36,7 @@ function ImageWithMessage({ id, ...props }) {
         <Image
           id={`img${id}`}
           onError={(e) => {
-            setMsg(`error occured while loading ${e.target.id}`)
+            setMsg(`error occurred while loading ${e.target.id}`)
           }}
           {...props}
         />
diff --git a/test/integration/next-image-new/app-dir/test/index.test.ts b/test/integration/next-image-new/app-dir/test/index.test.ts
index 283fb7ba97e2c..8ccce9f10a64b 100644
--- a/test/integration/next-image-new/app-dir/test/index.test.ts
+++ b/test/integration/next-image-new/app-dir/test/index.test.ts
@@ -460,14 +460,14 @@ function runTests(mode) {
     )
   })
 
-  it('should callback native onError when error occured while loading image', async () => {
+  it('should callback native onError when error occurred while loading image', async () => {
     let browser = await webdriver(appPort, '/on-error')
     await browser.eval(
       `document.getElementById("img1").scrollIntoView({behavior: "smooth"})`
     )
     await check(
       () => browser.eval(`document.getElementById("msg1").textContent`),
-      'no error occured for img1'
+      'no error occurred for img1'
     )
     await check(
       () => browser.eval(`document.getElementById("img1").style.color`),
@@ -478,7 +478,7 @@ function runTests(mode) {
     )
     await check(
       () => browser.eval(`document.getElementById("msg2").textContent`),
-      'no error occured for img2'
+      'no error occurred for img2'
     )
     await check(
       () => browser.eval(`document.getElementById("img2").style.color`),
@@ -487,7 +487,7 @@ function runTests(mode) {
     await browser.eval(`document.getElementById("toggle").click()`)
     await check(
       () => browser.eval(`document.getElementById("msg2").textContent`),
-      'error occured while loading img2'
+      'error occurred while loading img2'
     )
     await check(
       () => browser.eval(`document.getElementById("img2").style.color`),
diff --git a/test/integration/next-image-new/default/pages/on-error.js b/test/integration/next-image-new/default/pages/on-error.js
index 25440c5b92383..ec3064c168313 100644
--- a/test/integration/next-image-new/default/pages/on-error.js
+++ b/test/integration/next-image-new/default/pages/on-error.js
@@ -8,7 +8,7 @@ const Page = () => {
     <div>
       <h1>Test onError</h1>
       <p>
-        If error occured while loading image, native onError should be called.
+        If error occurred while loading image, native onError should be called.
       </p>
       <button id="toggle" onClick={() => setClicked(!clicked)}>
         Toggle
@@ -27,7 +27,7 @@ const Page = () => {
 }
 
 function ImageWithMessage({ id, ...props }) {
-  const [msg, setMsg] = useState(`no error occured for img${id}`)
+  const [msg, setMsg] = useState(`no error occurred for img${id}`)
 
   return (
     <>
@@ -35,7 +35,7 @@ function ImageWithMessage({ id, ...props }) {
         <Image
           id={`img${id}`}
           onError={(e) => {
-            setMsg(`error occured while loading ${e.target.id}`)
+            setMsg(`error occurred while loading ${e.target.id}`)
           }}
           {...props}
         />
diff --git a/test/integration/next-image-new/default/test/index.test.ts b/test/integration/next-image-new/default/test/index.test.ts
index 96855f6158f8c..57bdc9332f5cb 100644
--- a/test/integration/next-image-new/default/test/index.test.ts
+++ b/test/integration/next-image-new/default/test/index.test.ts
@@ -461,14 +461,14 @@ function runTests(mode) {
     )
   })
 
-  it('should callback native onError when error occured while loading image', async () => {
+  it('should callback native onError when error occurred while loading image', async () => {
     let browser = await webdriver(appPort, '/on-error')
     await browser.eval(
       `document.getElementById("img1").scrollIntoView({behavior: "smooth"})`
     )
     await check(
       () => browser.eval(`document.getElementById("msg1").textContent`),
-      'no error occured for img1'
+      'no error occurred for img1'
     )
     await check(
       () => browser.eval(`document.getElementById("img1").style.color`),
@@ -479,7 +479,7 @@ function runTests(mode) {
     )
     await check(
       () => browser.eval(`document.getElementById("msg2").textContent`),
-      'no error occured for img2'
+      'no error occurred for img2'
     )
     await check(
       () => browser.eval(`document.getElementById("img2").style.color`),
@@ -488,7 +488,7 @@ function runTests(mode) {
     await browser.eval(`document.getElementById("toggle").click()`)
     await check(
       () => browser.eval(`document.getElementById("msg2").textContent`),
-      'error occured while loading img2'
+      'error occurred while loading img2'
     )
     await check(
       () => browser.eval(`document.getElementById("img2").style.color`),
diff --git a/test/turbopack-tests-manifest.json b/test/turbopack-tests-manifest.json
index afcac5a4d7083..f1f0d045e4897 100644
--- a/test/turbopack-tests-manifest.json
+++ b/test/turbopack-tests-manifest.json
@@ -13585,7 +13585,7 @@
       "Image Component Tests dev mode should apply filter style after image loads",
       "Image Component Tests dev mode should apply style inheritance for img elements but not wrapper elements",
       "Image Component Tests dev mode should be valid HTML",
-      "Image Component Tests dev mode should callback native onError when error occured while loading image",
+      "Image Component Tests dev mode should callback native onError when error occurred while loading image",
       "Image Component Tests dev mode should callback native onLoad in most cases",
       "Image Component Tests dev mode should callback onLoadingComplete when image is fully loaded",
       "Image Component Tests dev mode should correctly ignore prose styles",
@@ -13629,7 +13629,7 @@
       "Image Component Tests production mode should apply filter style after image loads",
       "Image Component Tests production mode should apply style inheritance for img elements but not wrapper elements",
       "Image Component Tests production mode should be valid HTML",
-      "Image Component Tests production mode should callback native onError when error occured while loading image",
+      "Image Component Tests production mode should callback native onError when error occurred while loading image",
       "Image Component Tests production mode should callback native onLoad in most cases",
       "Image Component Tests production mode should callback onLoadingComplete when image is fully loaded",
       "Image Component Tests production mode should correctly ignore prose styles",
@@ -13805,7 +13805,7 @@
       "Image Component Default Tests dev mode should apply style inheritance for img elements but not wrapper elements",
       "Image Component Default Tests dev mode should be valid HTML",
       "Image Component Default Tests dev mode should callback native onError even when error before hydration",
-      "Image Component Default Tests dev mode should callback native onError when error occured while loading image",
+      "Image Component Default Tests dev mode should callback native onError when error occurred while loading image",
       "Image Component Default Tests dev mode should callback native onLoad with sythetic event",
       "Image Component Default Tests dev mode should callback onLoadingComplete when image is fully loaded",
       "Image Component Default Tests dev mode should correctly ignore prose styles",
@@ -13861,7 +13861,7 @@
       "Image Component Default Tests production mode should apply style inheritance for img elements but not wrapper elements",
       "Image Component Default Tests production mode should be valid HTML",
       "Image Component Default Tests production mode should callback native onError even when error before hydration",
-      "Image Component Default Tests production mode should callback native onError when error occured while loading image",
+      "Image Component Default Tests production mode should callback native onError when error occurred while loading image",
       "Image Component Default Tests production mode should callback native onLoad with sythetic event",
       "Image Component Default Tests production mode should callback onLoadingComplete when image is fully loaded",
       "Image Component Default Tests production mode should correctly ignore prose styles",
@@ -14020,7 +14020,7 @@
       "Image Component Default Tests dev mode should apply style inheritance for img elements but not wrapper elements",
       "Image Component Default Tests dev mode should be valid HTML",
       "Image Component Default Tests dev mode should callback native onError even when error before hydration",
-      "Image Component Default Tests dev mode should callback native onError when error occured while loading image",
+      "Image Component Default Tests dev mode should callback native onError when error occurred while loading image",
       "Image Component Default Tests dev mode should callback native onLoad with sythetic event",
       "Image Component Default Tests dev mode should callback onLoadingComplete when image is fully loaded",
       "Image Component Default Tests dev mode should correctly ignore prose styles",
@@ -14076,7 +14076,7 @@
       "Image Component Default Tests production mode should apply style inheritance for img elements but not wrapper elements",
       "Image Component Default Tests production mode should be valid HTML",
       "Image Component Default Tests production mode should callback native onError even when error before hydration",
-      "Image Component Default Tests production mode should callback native onError when error occured while loading image",
+      "Image Component Default Tests production mode should callback native onError when error occurred while loading image",
       "Image Component Default Tests production mode should callback native onLoad with sythetic event",
       "Image Component Default Tests production mode should callback onLoadingComplete when image is fully loaded",
       "Image Component Default Tests production mode should correctly ignore prose styles",