fix(playwright): Fix an error with mask option

Author: dnotes

.changeset/three-poets-fetch.md

@@ -0,0 +1,5 @@
+---
+"@quickpickle/playwright": patch
+---
+
+Fix an error that arises when a mask is set and two screenshots are taken within one test.

packages/playwright/src/PlaywrightWorld.ts

@@ -307,7 +307,7 @@ export class PlaywrightWorld extends VisualWorld implements VisualWorldInterface
 
   get screenshotOptions() {
     let opts = defaultsDeep(this.worldConfig.screenshotOptions || {}, this.worldConfig.screenshotOpts || {})
-    if (opts.mask) opts.mask = opts.mask.map((m:string) => this.page.locator(m))
+    if (opts.mask) opts.mask = opts.mask.map((m:string|Locator) => typeof m === 'string' ? this.page.locator(m) : m)
     return opts
   }
 

packages/playwright/tests/playwright.feature

@@ -95,6 +95,19 @@ Feature: Basic tests of Playwright browser and steps
         ```
       Then the screenshot should match
 
+    Scenario: Two screenshots with a mask
+      Given I load the file "tests/examples/example.html"
+      And the following world config:
+        ```yaml
+        screenshotOptions:
+          mask:
+            - form
+        ```
+      When I take a screenshot named "mask"
+      And I take a screenshot named "mask"
+      Then the screenshot "mask.png" should exist--delete it
+
+
   Rule: Screenshots should be placed in the proper directory
 
     Scenario: Taking a screenshot