mediawiki-extensions-Relate.../tests/jest/__snapshots__/ext.relatedArticles.readMore.test.js.snap
Jon Robson 71de06a682 Simplify the RelatedArticles extension to use Codex CSS components
Changes:
- Removes redundant styles now inside Codex
- With the new component, it's not possible to display 3 cards in a
single line at a tablet resolution, so the media query responsible
is bumped to apply only at the desktop threshold
- Decisions are documented in ADR

Bug: T286835
Change-Id: I493e8e601ccc31b3cf1f16c0b5a8975f12ef336c
2024-01-30 09:16:34 -08:00

77 lines
2.9 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ext.relatedArticles.readMore.bootstrap init with pages 1`] = `""`;
exports[`ext.relatedArticles.readMore.bootstrap init with zero pages and parent container 1`] = `"<div></div>"`;
exports[`ext.relatedArticles.readMore.bootstrap init with zero pages without parent container 1`] = `""`;
exports[`ext.relatedArticles.readMore.bootstrap renders with small container and custom heading 1`] = `
"<div class=\\"read-more-container read-more-container-small\\">
<aside class=\\"noprint\\">
<h2 class=\\"read-more-container-heading\\">Hello world</h2>
<ul class=\\"read-more-container-card-list\\">
</ul>
</aside>
</div>"
`;
exports[`ext.relatedArticles.readMore.bootstrap renders without error 1`] = `
"<div class=\\"read-more-container read-more-container-small\\">
<aside class=\\"noprint\\">
<ul class=\\"read-more-container-card-list\\">
<li title=\\"Hello no description\\">
<a href=\\"/wiki/Hello no description\\"><span class=\\"cdx-card\\">
<span class=\\"cdx-card__thumbnail cdx-thumbnail\\">
<span class=\\"cdx-thumbnail__placeholder\\">
<span class=\\"cdx-thumbnail__placeholder__icon\\"></span>
</span>
</span>
<span class=\\"cdx-card__text\\">
<span class=\\"cdx-card__text__title\\">Hello no description</span>
<span class=\\"cdx-card__text__description\\"></span>
</span>
</span></a>
</li>
<li title=\\"Hello\\">
<a href=\\"/wiki/Hello\\"><span class=\\"cdx-card\\">
<span class=\\"cdx-card__thumbnail cdx-thumbnail\\">
<span class=\\"cdx-thumbnail__image\\" style=\\"background-image: url('hello.gif')\\"></span>
</span>
<span class=\\"cdx-card__text\\">
<span class=\\"cdx-card__text__title\\">Hello</span>
<span class=\\"cdx-card__text__description\\">Description</span>
</span>
</span></a>
</li>
<li title=\\"Hello with extract\\">
<a href=\\"/wiki/Hello with extract\\"><span class=\\"cdx-card\\">
<span class=\\"cdx-card__thumbnail cdx-thumbnail\\">
<span class=\\"cdx-thumbnail__image\\" style=\\"background-image: url('helloEx.gif')\\"></span>
</span>
<span class=\\"cdx-card__text\\">
<span class=\\"cdx-card__text__title\\">Hello with extract</span>
<span class=\\"cdx-card__text__description\\">Extract</span>
</span>
</span></a>
</li>
<li title=\\"Hello with pageprops\\">
<a href=\\"/wiki/Hello with pageprops\\"><span class=\\"cdx-card\\">
<span class=\\"cdx-card__thumbnail cdx-thumbnail\\">
<span class=\\"cdx-thumbnail__placeholder\\">
<span class=\\"cdx-thumbnail__placeholder__icon\\"></span>
</span>
</span>
<span class=\\"cdx-card__text\\">
<span class=\\"cdx-card__text__title\\">Hello with pageprops</span>
<span class=\\"cdx-card__text__description\\">Page props desc</span>
</span>
</span></a>
</li>
</ul>
</aside>
</div>"
`;