Skip to content

Commit 4283c88

Browse files
committed
Add test for amp-inline-gallery with thumbnails
1 parent 68f283b commit 4283c88

File tree

1 file changed

+59
-0
lines changed

1 file changed

+59
-0
lines changed

tests/php/test-tag-and-attribute-sanitizer.php

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2402,6 +2402,65 @@ class="gallery"
24022402
[ 'amp-base-carousel', 'amp-inline-gallery', 'amp-lightbox-gallery' ],
24032403
],
24042404

2405+
'amp-inline-gallery-with-thumbs' => [
2406+
'
2407+
<amp-inline-gallery layout="container">
2408+
<!--
2409+
The amp-layout with layout="container" is used to display the pagination on
2410+
top of the carousel instead of the thumbnails. You can also use a div with
2411+
`position: relative;`
2412+
-->
2413+
<amp-layout layout="container">
2414+
<amp-base-carousel
2415+
class="gallery"
2416+
layout="responsive"
2417+
width="3"
2418+
height="2"
2419+
snap-align="center"
2420+
loop="true">
2421+
<amp-img
2422+
class="slide"
2423+
layout="flex-item"
2424+
src="https://picsum.photos/id/779/600/400"
2425+
srcset="https://picsum.photos/id/779/150/100 150w,
2426+
https://picsum.photos/id/779/600/400 600w,
2427+
https://picsum.photos/id/779/1200/800 1200w">
2428+
</amp-img>
2429+
<amp-img
2430+
class="slide"
2431+
layout="flex-item"
2432+
src="https://picsum.photos/id/1048/600/400"
2433+
srcset="https://picsum.photos/id/1048/150/100 150w,
2434+
https://picsum.photos/id/1048/600/400 600w,
2435+
https://picsum.photos/id/1048/1200/800 1200w">
2436+
</amp-img>
2437+
<amp-img
2438+
class="slide"
2439+
layout="flex-item"
2440+
src="https://picsum.photos/id/108/600/400"
2441+
srcset="https://picsum.photos/id/108/150/100 150w,
2442+
https://picsum.photos/id/108/600/400 600w,
2443+
https://picsum.photos/id/108/1200/800 1200w">
2444+
</amp-img>
2445+
</amp-base-carousel>
2446+
<!--
2447+
If using fewer than 8 slides, consider adding something
2448+
like media="(max-width: 799px)".
2449+
-->
2450+
<amp-inline-gallery-pagination layout="nodisplay" inset>
2451+
</amp-inline-gallery-pagination>
2452+
</amp-layout>
2453+
<amp-inline-gallery-thumbnails
2454+
media="(min-width: 800px)"
2455+
layout="fixed-height"
2456+
height="96">
2457+
</amp-inline-gallery-thumbnails>
2458+
</amp-inline-gallery>
2459+
',
2460+
null,
2461+
[ 'amp-base-carousel', 'amp-inline-gallery' ],
2462+
],
2463+
24052464
'amp-mega-menu' => [
24062465
'
24072466
<amp-mega-menu height="30" layout="fixed-height">

0 commit comments

Comments
 (0)