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 (exampleName) => {
+      if (allExamples[exampleName].fixture.screenshot) {
+        await screenshotComponent(browser, componentName, {
+          screenshot: allExamples[exampleName].fixture.screenshot,
+          exampleName
+        })
+      }
+    })
   }
 
   // Screenshot specific example pages
@@ -73,6 +71,11 @@ export async function screenshots() {
  * Send single component screenshots to Percy
  * for visual regression testing
  *
+ * Current screenshot variants include:
+ *
+ * - `default` - Default screenshot with JavaScript enabled
+ * - `no-js` - Screenshot with JavaScript disabled
+ *
  * @param {Browser} browser - Puppeteer browser object
  * @param {string} componentName - Component name
  * @param {object} options - Component options