From d71315f3202497c441f375dbde91749b4d721e34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micka=C3=ABl=20Canouil?= <8896044+mcanouil@users.noreply.github.com> Date: Sun, 25 Jan 2026 23:48:23 +0100 Subject: [PATCH 1/4] fix: `listing:image-lazy-loading` does not work for values of `true` or `false` Fixes #13951 --- .../website/listing/website-listing-read.ts | 26 ++++++++++++++----- .../listing/website-listing-template.ts | 2 ++ .../website/listing/item-default.ejs.md | 2 +- .../projects/website/listing/item-grid.ejs.md | 2 +- .../website/listing/listing-table.ejs.md | 2 +- 5 files changed, 24 insertions(+), 10 deletions(-) diff --git a/src/project/types/website/listing/website-listing-read.ts b/src/project/types/website/listing/website-listing-read.ts index c8aacd50096..05b8ff153c4 100644 --- a/src/project/types/website/listing/website-listing-read.ts +++ b/src/project/types/website/listing/website-listing-read.ts @@ -393,14 +393,16 @@ export function completeListingItems( debug(`[listing] Processing image match`); const progressive = imgMatch[1] === "true"; const imgHeight = imgMatch[2]; - const listingId = imgMatch[3]; - const docRelativePath = imgMatch[4]; + const lazy = imgMatch[3] !== "false"; + const listingId = imgMatch[4]; + const docRelativePath = imgMatch[5]; const docAbsPath = join(projectOutputDir(context), docRelativePath); const imgPlaceholder = imagePlaceholder( listingId, docRelativePath, progressive, imgHeight, + lazy, ); debug(`[listing] ${docAbsPath}`); debug(`[listing] ${imgPlaceholder}`); @@ -435,6 +437,7 @@ export function completeListingItems( }, progressive, imgHeight, + lazy, ); debug(`[listing] replacing: ${docAbsPath}`); @@ -454,7 +457,7 @@ export function completeListingItems( }; fileContents = fileContents.replace( imgPlaceholder, - imageSrc(imagePreview, progressive, imgHeight), + imageSrc(imagePreview, progressive, imgHeight, lazy), ); } else { debug(`[listing] using empty div: ${docAbsPath}`); @@ -501,11 +504,14 @@ export function imagePlaceholder( file: string, progressive: boolean, height?: string, + lazy?: boolean, ): string { return file ? `` + }, height=${height ? height : ""}, lazy=${ + lazy === false ? "false" : "true" + }]:${id}:${file} -->` : ""; } @@ -517,7 +523,7 @@ const descriptionPlaceholderRegex = //; const imagePlaceholderRegex = - //; + //; function hydrateListing( format: Format, @@ -1202,8 +1208,14 @@ async function listItemFromFile( } } -function imageSrc(image: PreviewImage, progressive: boolean, height?: string) { - return `

{ const pageSize = listing[kPageSize]; return imagePlaceholder( @@ -454,6 +455,7 @@ export function reshapeListing( itemPath, itemNumber > pageSize, listing[kImageHeight] as string, + lazy, ); }; diff --git a/src/resources/projects/website/listing/item-default.ejs.md b/src/resources/projects/website/listing/item-default.ejs.md index 91114a7867f..823f32c18d3 100644 --- a/src/resources/projects/website/listing/item-default.ejs.md +++ b/src/resources/projects/website/listing/item-default.ejs.md @@ -45,7 +45,7 @@ print(`

${listing.utilities.outputLi <% if (item.image) { %> <%= listing.utilities.img(itemNumber, item.image, "thumbnail-image", item['image-alt'], item['image-lazy-loading'] ?? listing['image-lazy-loading']) %> <% } else { %> -<%= listing.utilities.imgPlaceholder(listing.id, itemNumber, item.outputHref) %> +<%= listing.utilities.imgPlaceholder(listing.id, itemNumber, item.outputHref, item['image-lazy-loading'] ?? listing['image-lazy-loading']) %> <% } %>
``` diff --git a/src/resources/projects/website/listing/item-grid.ejs.md b/src/resources/projects/website/listing/item-grid.ejs.md index e19307988d9..94fd1251c39 100644 --- a/src/resources/projects/website/listing/item-grid.ejs.md +++ b/src/resources/projects/website/listing/item-grid.ejs.md @@ -57,7 +57,7 @@ return !["title", "image", "image-alt", "date", "author", "subtitle", "descripti <% } else { %> ```{=html} -<%= listing.utilities.imgPlaceholder(listing.id, itemNumber, item.outputHref) %> +<%= listing.utilities.imgPlaceholder(listing.id, itemNumber, item.outputHref, item['image-lazy-loading'] ?? listing['image-lazy-loading']) %> ``` <% } %> diff --git a/src/resources/projects/website/listing/listing-table.ejs.md b/src/resources/projects/website/listing/listing-table.ejs.md index d45de6ccf91..d3ae5836490 100644 --- a/src/resources/projects/website/listing/listing-table.ejs.md +++ b/src/resources/projects/website/listing/listing-table.ejs.md @@ -57,7 +57,7 @@ if (field === "image") { if (item.image) { value = listing.utilities.img(itemNumber, item[field], "", item['image-alt'], item['image-lazy-loading'] ?? listing['image-lazy-loading']); } else { -value = listing.utilities.imgPlaceholder(listing.id, itemNumber, item.outputHref); +value = listing.utilities.imgPlaceholder(listing.id, itemNumber, item.outputHref, item['image-lazy-loading'] ?? listing['image-lazy-loading']); } } return listing.utilities.outputLink(item, field, value, `listing-${field}`); From 64c5e52e01f07db62cf07573236cfe25bb73774d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micka=C3=ABl=20Canouil?= <8896044+mcanouil@users.noreply.github.com> Date: Sun, 1 Feb 2026 18:35:51 +0100 Subject: [PATCH 2/4] test: update tests for lazy loading in more scenarios --- .../image-lazy-loading/blog/index-default-eager.qmd | 7 ++++++- .../listings/image-lazy-loading/blog/index-default.qmd | 6 +++++- .../listings/image-lazy-loading/blog/index-grid-eager.qmd | 7 ++++++- .../listings/image-lazy-loading/blog/index-grid.qmd | 6 +++++- .../image-lazy-loading/blog/index-table-eager.qmd | 7 ++++++- .../listings/image-lazy-loading/blog/index-table.qmd | 6 +++++- .../smoke-all/listings/image-lazy-loading/blog/post-4.qmd | 7 +++++++ .../smoke-all/listings/image-lazy-loading/blog/post-5.qmd | 8 ++++++++ .../smoke-all/listings/image-lazy-loading/blog/post-6.qmd | 8 ++++++++ 9 files changed, 56 insertions(+), 6 deletions(-) create mode 100644 tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd create mode 100644 tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd create mode 100644 tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd index 5cc4b4c6db6..c6085eefefe 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd @@ -9,13 +9,18 @@ listing: _quarto: html: ensureHtmlElements: - - + - - "img[src='https://placeholder.co/100/100.png']" - "img[src='https://placeholder.co/200/200.png']" - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings with `image-lazy-loading: false` \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd index ee27fb7c520..ac739095aec 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd @@ -9,12 +9,16 @@ _quarto: tests: html: ensureHtmlElements: - - + - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - "img[src='https://placeholder.co/200/200.png']" - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd index d1ea4c15d4c..2dff81944c2 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd @@ -9,13 +9,18 @@ listing: _quarto: html: ensureHtmlElements: - - + - - "img[src='https://placeholder.co/100/100.png']" - "img[src='https://placeholder.co/200/200.png']" - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings with `image-lazy-loading: false` \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd index f569e99da16..e1e93696048 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd @@ -9,12 +9,16 @@ _quarto: tests: html: ensureHtmlElements: - - + - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - "img[src='https://placeholder.co/200/200.png']" - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd index c41648c2d52..58e5001b5d9 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd @@ -9,13 +9,18 @@ listing: _quarto: html: ensureHtmlElements: - - + - - "img[src='https://placeholder.co/100/100.png']" - "img[src='https://placeholder.co/200/200.png']" - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings with `image-lazy-loading: false` \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd index 1c5e8d98838..86dfa52efd5 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd @@ -9,12 +9,16 @@ _quarto: tests: html: ensureHtmlElements: - - + - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - "img[src='https://placeholder.co/200/200.png']" - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd new file mode 100644 index 00000000000..7d85ff20445 --- /dev/null +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd @@ -0,0 +1,7 @@ +--- +title: Post 4 +--- + +This is 4. + +![](https://placeholder.co/400/400.png) diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd new file mode 100644 index 00000000000..d5d72df08cc --- /dev/null +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd @@ -0,0 +1,8 @@ +--- +title: Post 5 +image-lazy-loading: false +--- + +This is 5. + +![](https://placeholder.co/500/500.png) diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd new file mode 100644 index 00000000000..76ad9257bc4 --- /dev/null +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd @@ -0,0 +1,8 @@ +--- +title: Post 6 +image-lazy-loading: true +--- + +This is 6. + +![](https://placeholder.co/600/600.png) From 8c5cb919fdbe61399571b971924cead8c9b4fbd4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micka=C3=ABl=20Canouil?= <8896044+mcanouil@users.noreply.github.com> Date: Sun, 1 Feb 2026 18:36:00 +0100 Subject: [PATCH 3/4] chore: update changelog entry --- news/changelog-1.9.md | 1 + 1 file changed, 1 insertion(+) diff --git a/news/changelog-1.9.md b/news/changelog-1.9.md index 363661d1ac9..d95cf48c063 100644 --- a/news/changelog-1.9.md +++ b/news/changelog-1.9.md @@ -94,6 +94,7 @@ All changes included in 1.9: - ([#13716](https://github.com/quarto-dev/quarto-cli/issues/13716)): Fix draft pages showing blank during preview when pre-render scripts are configured. - ([#13847](https://github.com/quarto-dev/quarto-cli/pull/13847)): Open graph title with markdown is now processed correctly. (author: @mcanouil) - ([#13910](https://github.com/quarto-dev/quarto-cli/issues/13910)): Add support for `logo: false` to disable sidebar and navbar logos when using `_brand.yml`. Works in website projects (`sidebar.logo: false`, `navbar.logo: false`) and book projects (`book.sidebar.logo: false`, `book.navbar.logo: false`). +- ([#13951](https://github.com/quarto-dev/quarto-cli/issues/13951)): Fix `image-lazy-loading` not applying `loading="lazy"` attribute to auto-detected listing images. ### `book` From 82cfc487df222de3426b8e0d596fbb3ea5eeb339 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micka=C3=ABl=20Canouil?= <8896044+mcanouil@users.noreply.github.com> Date: Sun, 1 Feb 2026 20:04:00 +0100 Subject: [PATCH 4/4] test: tweak lazy-loading listing test --- .../blog/index-default-eager.qmd | 30 +++++----- .../image-lazy-loading/blog/index-default.qmd | 1 + .../blog/index-grid-eager.qmd | 30 +++++----- .../image-lazy-loading/blog/index-grid.qmd | 1 + .../blog/index-table-eager.qmd | 30 +++++----- .../image-lazy-loading/blog/index-table.qmd | 1 + .../image-lazy-loading/blog/post-4.qmd | 2 +- .../image-lazy-loading/blog/post-5.qmd | 2 +- .../image-lazy-loading/blog/post-6.qmd | 2 +- .../listings/image-lazy-loading/listings.json | 58 +++++++++++++++++-- 10 files changed, 108 insertions(+), 49 deletions(-) diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd index c6085eefefe..70e2bbe8a20 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default-eager.qmd @@ -7,20 +7,22 @@ listing: - image image-lazy-loading: false _quarto: - html: - ensureHtmlElements: - - - - "img[src='https://placeholder.co/100/100.png']" - - "img[src='https://placeholder.co/200/200.png']" - - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" - - "img[src='https://placeholder.co/400/400.png']" - - "img[src='https://placeholder.co/500/500.png']" - - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" - - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" - - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" + render-project: true + tests: + html: + ensureHtmlElements: + - + - "img[src='https://placeholder.co/100/100.png']" + - "img[src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" + - + - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" + - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings with `image-lazy-loading: false` \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd index ac739095aec..4d07cd0d114 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-default.qmd @@ -6,6 +6,7 @@ listing: - title - image _quarto: + render-project: true tests: html: ensureHtmlElements: diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd index 2dff81944c2..918b04e81da 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid-eager.qmd @@ -7,20 +7,22 @@ listing: - image image-lazy-loading: false _quarto: - html: - ensureHtmlElements: - - - - "img[src='https://placeholder.co/100/100.png']" - - "img[src='https://placeholder.co/200/200.png']" - - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" - - "img[src='https://placeholder.co/400/400.png']" - - "img[src='https://placeholder.co/500/500.png']" - - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" - - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" - - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" + render-project: true + tests: + html: + ensureHtmlElements: + - + - "img[src='https://placeholder.co/100/100.png']" + - "img[src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" + - + - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" + - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings with `image-lazy-loading: false` \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd index e1e93696048..d7652b8fca6 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-grid.qmd @@ -6,6 +6,7 @@ listing: - title - image _quarto: + render-project: true tests: html: ensureHtmlElements: diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd index 58e5001b5d9..c4d7ce1b9e8 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table-eager.qmd @@ -7,20 +7,22 @@ listing: - image image-lazy-loading: false _quarto: - html: - ensureHtmlElements: - - - - "img[src='https://placeholder.co/100/100.png']" - - "img[src='https://placeholder.co/200/200.png']" - - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" - - "img[src='https://placeholder.co/400/400.png']" - - "img[src='https://placeholder.co/500/500.png']" - - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" - - - - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" - - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" - - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" - - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" + render-project: true + tests: + html: + ensureHtmlElements: + - + - "img[src='https://placeholder.co/100/100.png']" + - "img[src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/300/300.png']" + - "img[src='https://placeholder.co/400/400.png']" + - "img[src='https://placeholder.co/500/500.png']" + - "img[loading='lazy'][src='https://placeholder.co/600/600.png']" + - + - "img[loading='lazy'][src='https://placeholder.co/100/100.png']" + - "img[loading='lazy'][src='https://placeholder.co/200/200.png']" + - "img[loading='lazy'][src='https://placeholder.co/400/400.png']" + - "img[loading='lazy'][src='https://placeholder.co/500/500.png']" --- ## Hello, here's some listings with `image-lazy-loading: false` \ No newline at end of file diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd index 86dfa52efd5..f504bd6ee36 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/index-table.qmd @@ -6,6 +6,7 @@ listing: - title - image _quarto: + render-project: true tests: html: ensureHtmlElements: diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd index 7d85ff20445..5a1e7bb96d3 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-4.qmd @@ -4,4 +4,4 @@ title: Post 4 This is 4. -![](https://placeholder.co/400/400.png) +![](https://placeholder.co/400/400.png){.preview-image} diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd index d5d72df08cc..e1a772a976a 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-5.qmd @@ -5,4 +5,4 @@ image-lazy-loading: false This is 5. -![](https://placeholder.co/500/500.png) +![](https://placeholder.co/500/500.png){.preview-image} diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd index 76ad9257bc4..d51d708229e 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd +++ b/tests/docs/smoke-all/listings/image-lazy-loading/blog/post-6.qmd @@ -5,4 +5,4 @@ image-lazy-loading: true This is 6. -![](https://placeholder.co/600/600.png) +![](https://placeholder.co/600/600.png){.preview-image} diff --git a/tests/docs/smoke-all/listings/image-lazy-loading/listings.json b/tests/docs/smoke-all/listings/image-lazy-loading/listings.json index 6dc84bf4c9b..20cd44cf11e 100644 --- a/tests/docs/smoke-all/listings/image-lazy-loading/listings.json +++ b/tests/docs/smoke-all/listings/image-lazy-loading/listings.json @@ -1,18 +1,68 @@ [ { - "listing": "/blog/index.html", + "listing": "/blog/index-grid-eager.html", "items": [ "/blog/post-1.html", "/blog/post-2.html", - "/blog/post-3.html" + "/blog/post-3.html", + "/blog/post-4.html", + "/blog/post-5.html", + "/blog/post-6.html" ] }, { - "listing": "/blog/index-eager.html", + "listing": "/blog/index-default.html", "items": [ "/blog/post-1.html", "/blog/post-2.html", - "/blog/post-3.html" + "/blog/post-3.html", + "/blog/post-4.html", + "/blog/post-5.html", + "/blog/post-6.html" + ] + }, + { + "listing": "/blog/index-table-eager.html", + "items": [ + "/blog/post-1.html", + "/blog/post-2.html", + "/blog/post-3.html", + "/blog/post-4.html", + "/blog/post-5.html", + "/blog/post-6.html" + ] + }, + { + "listing": "/blog/index-grid.html", + "items": [ + "/blog/post-1.html", + "/blog/post-2.html", + "/blog/post-3.html", + "/blog/post-4.html", + "/blog/post-5.html", + "/blog/post-6.html" + ] + }, + { + "listing": "/blog/index-default-eager.html", + "items": [ + "/blog/post-1.html", + "/blog/post-2.html", + "/blog/post-3.html", + "/blog/post-4.html", + "/blog/post-5.html", + "/blog/post-6.html" + ] + }, + { + "listing": "/blog/index-table.html", + "items": [ + "/blog/post-1.html", + "/blog/post-2.html", + "/blog/post-3.html", + "/blog/post-4.html", + "/blog/post-5.html", + "/blog/post-6.html" ] } ] \ No newline at end of file