Strip srcset from archived picture img

[sentience]

Fixes #340.

What Changed

Stripping of responsive srcset and sizes needs to apply not just to <source> tags, but to the <img> element.

Here's a sample (valid) responsive HTML image:

<picture>
  <source
    type="image/webp"
    srcset="/img/VqWA1gUDgT-163.webp 163w, /img/VqWA1gUDgT-271.webp 271w"
    sizes="(min-width: 1280px) 271px, 163px"
  >
  <img
    src="/img/VqWA1gUDgT-163.jpeg"
    srcset="/img/VqWA1gUDgT-163.jpeg 163w, /img/VqWA1gUDgT-271.jpeg 271w"
    sizes="(min-width: 1280px) 271px, 163px"
    alt="Ahnitol crabs"
  >
</picture>

Here's the (incorrect) captured DOM before this fix:

{
  "tagName": "img",
  "attributes": {
    "src": "/img/VqWA1gUDgT-271.webp",
    "alt": "Ahnitol crabs",
    "srcset": "http://localhost:8080/img/VqWA1gUDgT-163.jpeg 163w, http://localhost:8080/img/VqWA1gUDgT-271.jpeg 271w",
    "sizes": "(min-width: 1280px) 271px, 163px"
  }
}

And here's the (correct) captured DOM after this fix:

{
  "tagName": "img",
  "attributes": {
    "src": "/img/VqWA1gUDgT-271.webp",
    "alt": "Ahnitol crabs"
  }
}

How to test

Unit tests updated herein. If you really need me to provide a sample Playwright project to confirm the issue and the fix, let me know.

[changeset-bot]

🦋 Changeset detected

Latest commit: 0602efe

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@chromatic-com/playwright	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR