Move for loop into array method

Author: domoscargin

shared/tasks/browser.mjs

@@ -29,16 +29,14 @@ export async function screenshots() {
   // Screenshot components
   for (const componentName of componentNames) {
     const allExamples = await getExamples(componentName)
-    const componentExampleNames = Object.keys(allExamples).filter(
-      (key) => allExamples[key].fixture.screenshot
-    )
-
-    for (const exampleName of componentExampleNames) {
-      await screenshotComponent(browser, componentName, {
-        screenshot: allExamples[exampleName].fixture.screenshot,
-        exampleName
-      })
-    }
+    Object.keys(allExamples).forEach(async (example) => {
+      if (allExamples[example].fixture.screenshot) {
+        await screenshotComponent(browser, componentName, {
+          screenshot: allExamples[example].fixture.screenshot,
+          example
+        })
+      }
+    })
   }
 
   // Screenshot specific example pages
@@ -51,6 +49,11 @@ export async function screenshots() {
 }
 
 /**
+ * Current screenshot variants include:
+ *
+ * - `default` - Default screenshot with JavaScript enabled
+ * - `no-js` - Screenshot with JavaScript disabled
+ *
  * @overload
  * @param {Browser} browser - Puppeteer browser object
  * @param {string} componentName - Component name