jpg/webp/png may appear at alt attribute cause a mistake

[shfshanyue]

jpg/webp/png may appear at alt attribute, will cause a mistake

<img
  class="lazyload inited loaded"
  data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0579d17015b145a88dd93992c6447d7d~tplv-k3u1fbpfcp-watermark.jpg"
  alt="performance.jpg"
>

expected

<img
  class="lazyload inited loaded"
  data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0579d17015b145a88dd93992c6447d7d~tplv-k3u1fbpfcp-watermark.jpg"
  alt="performance.jpg"
  src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0579d17015b145a88dd93992c6447d7d~tplv-k3u1fbpfcp-watermark.jpg"
>

actually

<img
  class="lazyload inited loaded"
  data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0579d17015b145a88dd93992c6447d7d~tplv-k3u1fbpfcp-watermark.jpg"
  alt="performance.jpg"
  src="performance.jpg"
>

[gijsk]

Thanks for your PR! The code change looks good - do you think you'd be able to add a small testcase for this? You can create a new directory under the test/test-pages/ bit of the repo. In that directory, add a small source.html that has the pattern that is breaking before your changes, and then run node test/generate-testcase.js <your-directory-name> to generate the expected output and metadata, and then check it is OK.

[shfshanyue]

Thanks for your PR! The code change looks good - do you think you'd be able to add a small testcase for this? You can create a new directory under the test/test-pages/ bit of the repo. In that directory, add a small source.html that has the pattern that is breaking before your changes, and then run node test/generate-testcase.js <your-directory-name> to generate the expected output and metadata, and then check it is OK.

it's a good idea

[gijsk]

This looks great, thank you!