fix(curriculum): retrying tests with delay for async challenges (#55503)

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md

@@ -17,7 +17,19 @@ Add a paragraph element with the `class` `"bio"`, then interpolate `bio` inside
 You should create a `p` element.
 
 ```js
-assert.exists(document.querySelector('p'));
+const retryingTest = (test, message, tries = 20) => {
+  if (tries < 1) return Promise.reject(message);
+  if (test()) return Promise.resolve();
+
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      retryingTest(test, message, tries - 1)
+        .then(resolve)
+        .catch(reject);
+    }, 100);
+  });
+};
+() => retryingTest(() => document.querySelector('p'), "'p' element not found");
 ```
 
 Your `p` element should have the class `"bio"`

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da86294fd9f485d3c2bf0.md

@@ -16,7 +16,19 @@ Add an anchor element with the `class` `"author-link"`, interpolate `url` as the
 You should create an anchor element.
 
 ```js
-assert.exists(document.querySelector('a'));
+const retryingTest = (test, message, tries = 20) => {
+  if (tries < 1) return Promise.reject(message);
+  if (test()) return Promise.resolve();
+
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      retryingTest(test, message, tries - 1)
+        .then(resolve)
+        .catch(reject);
+    }, 100);
+  });
+};
+() => retryingTest(() => document.querySelector('a'), "'a' element not found");
 ```
 
 Your anchor element should have the class `"author-link"`.

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daa8c2c3e364ac3650b37.md

@@ -16,7 +16,19 @@ Add a `div` element above the author's bio and give it the `class` `"purple-divi
 You should create a `div` element before your `p` element.
 
 ```js
-assert.equal(document.querySelector('p')?.previousElementSibling?.tagName, 'DIV');
+const retryingTest = (test, message, tries = 20) => {
+  if (tries < 1) return Promise.reject(message);
+  if (test()) return Promise.resolve();
+
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      retryingTest(test, message, tries - 1)
+        .then(resolve)
+        .catch(reject);
+    }, 100);
+  });
+};
+() => retryingTest(() => document.querySelector('p')?.previousElementSibling?.tagName === 'DIV', "'div' element not found");
 ```
 
 Your `div` element should have the `class` set to `"purple-divider"`.