Assert the first optimized image of the page has (or has not) a placeholder: the blurred or dominant-colour image shown until the real one has loaded (placeholder="blurred", "dominantColor"; "none" has none).
Examples
Then the optimized image should have a placeholder
And the optimized image should have a placeholder
But the optimized image should not have a placeholder
Then optimized image should have a placeholder
And the optimized image should have a placeholder
Pattern
Then(/^(?:the )?optimized image should( not)* have a placeholder$/, …)
Part of @webship-js/gatsby-steps (github.com/webship/gatsby-steps), a step pack for Webship-js 2.0.x.