@@ -167,23 +167,23 @@ exports[`it leaves images that are already linked alone 1`] = `
167
167
exports [` it leaves linked HTML img tags alone 1` ] = `
168
168
"<a href =\\"https://example.org\\">
169
169
<span class =\\"gatsby-resp-image-wrapper\\" style =\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 300px; \\">
170
- <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
170
+ <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
171
171
<img class =\\"gatsby-resp-image-image\\" alt =\\"this image already has a link\\" title =\\"this image already has a link\\" src =\\"not-a-real-dir/images/this-image-already-has-a-link.jpeg\\" srcset =\\"not-a-real-dir/images/this-image-already-has-a-link.jpeg, not-a-real-dir/images/this-image-already-has-a-link.jpeg\\" sizes =\\"(max-width: 650px) 100vw, 650px\\" style =\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\" loading =\\"lazy\\">
172
172
</span>
173
173
</a>"
174
174
`;
175
175
176
176
exports[`it leaves single-line linked HTML img tags alone 1`] = `
177
177
" <span class=\\" gatsby-resp-image-wrapper\\" style =\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 300px; \\">
178
- <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
178
+ <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
179
179
<img class =\\"gatsby-resp-image-image\\" alt =\\"this image already has a link\\" title =\\"this image already has a link\\" src =\\"not-a-real-dir/images/this-image-already-has-a-link.jpeg\\" srcset =\\"not-a-real-dir/images/this-image-already-has-a-link.jpeg, not-a-real-dir/images/this-image-already-has-a-link.jpeg\\" sizes =\\"(max-width: 650px) 100vw, 650px\\" style =\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\" loading =\\"lazy\\">
180
180
</span>"
181
181
`;
182
182
183
183
exports[`it transforms HTML img tags 1`] = `
184
184
" <span class=\\" gatsby-resp-image-wrapper\\" style =\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 300px; \\">
185
185
<a class =\\"gatsby-resp-image-link\\" href =\\"not-a-real-dir/image/my-image.jpeg\\" style =\\"display: block\\" target =\\"_blank\\" rel =\\"noopener\\">
186
- <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
186
+ <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
187
187
<img class =\\"gatsby-resp-image-image\\" alt =\\"my image\\" title =\\"my image\\" src =\\"not-a-real-dir/image/my-image.jpeg\\" srcset =\\"not-a-real-dir/image/my-image.jpeg, not-a-real-dir/image/my-image.jpeg\\" sizes =\\"(max-width: 650px) 100vw, 650px\\" style =\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\" loading =\\"lazy\\">
188
188
</a>
189
189
</span>"
@@ -192,7 +192,7 @@ exports[`it transforms HTML img tags 1`] = `
192
192
exports[`it transforms HTML img tags with query strings 1`] = `
193
193
" <span class=\\" gatsby-resp-image-wrapper\\" style =\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 300px; \\">
194
194
<a class =\\"gatsby-resp-image-link\\" href =\\"not-a-real-dir/image/my-image.jpeg\\" style =\\"display: block\\" target =\\"_blank\\" rel =\\"noopener\\">
195
- <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
195
+ <span class =\\"gatsby-resp-image-background-image\\" style =\\"padding-bottom: 133.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url(' data:image/png;base64,iVBORw' ); background-size: cover; display: block;\\"></span>
196
196
<img class =\\"gatsby-resp-image-image\\" alt =\\"my image\\" title =\\"my image\\" src =\\"not-a-real-dir/image/my-image.jpeg\\" srcset =\\"not-a-real-dir/image/my-image.jpeg, not-a-real-dir/image/my-image.jpeg\\" sizes =\\"(max-width: 650px) 100vw, 650px\\" style =\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\" loading =\\"lazy\\">
197
197
</a>
198
198
</span>"
0 commit comments