Move the Authoring tests onto Nullean.Snapshots

tests/Elastic.Authoring.Tests/.snapshots/Blocks/Hub/CardGroupNestedInExplore/RendersHtml.verified.html

@@ -0,0 +1,47 @@
+<div class="hub-zone" id="explore">
+	<h2 class="hub-zone-title">Explore the docs</h2>
+	<p class="hub-zone-intro">Organized by task.</p>
+</div>
+<div class="hub-explore">
+	<details class="hub-accordion" id="quick-links" open="">
+		<summary class="hub-accordion-summary">
+			<h3 class="hub-accordion-title">Quick links</h3>
+			<svg class="hub-accordion-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+				<path d="M3 8h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+				<path class="hub-accordion-icon-v" d="M8 3v10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+			</svg>
+		</summary>
+		<div class="hub-accordion-body">
+			<ul class="hub-explore-cols">
+				<li class="hub-col">
+					<h4 class="hub-col-title">
+						Releases
+					</h4>
+					<ul class="hub-col-links">
+						<li>
+							<a href="/">Exporters</a>
+						</li>
+					</ul>
+				</li>
+			</ul>
+		</div>
+	</details>
+	<details class="hub-accordion" id="authoring">
+		<summary class="hub-accordion-summary">
+			<h3 class="hub-accordion-title">Authoring</h3>
+			<svg class="hub-accordion-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+				<path d="M3 8h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+				<path class="hub-accordion-icon-v" d="M8 3v10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+			</svg>
+		</summary>
+		<div class="hub-accordion-body">
+			<ul class="hub-explore-cols">
+				<li class="hub-col">
+					<h4 class="hub-col-title">
+						Syntax
+					</h4>
+				</li>
+			</ul>
+		</div>
+	</details>
+</div>

tests/Elastic.Authoring.Tests/.snapshots/Blocks/Hub/GetStartedWithFiveStepsAfterTheBox/RendersHtml.verified.html

@@ -0,0 +1,49 @@
+<section class="hub-get-started" id="get-started">
+	<div class="hub-get-started-lead">
+		<h2 class="hub-get-started-title">Get started</h2>
+	</div>
+	<div class="hub-get-started-track" style="--hub-step-columns: 2">
+		<ol class="hub-get-started-first">
+			<li class="hub-get-started-box">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">1</span>
+					<h3 class="hub-get-started-step-title">One</h3>
+				</div>
+			</li>
+		</ol>
+		<ol class="hub-get-started-grid" start="2">
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">2</span>
+					<h3 class="hub-get-started-step-title">Two</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">3</span>
+					<h3 class="hub-get-started-step-title">Three</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">4</span>
+					<h3 class="hub-get-started-step-title">Four</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">5</span>
+					<h3 class="hub-get-started-step-title">Five</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+		</ol>
+	</div>
+</section>

tests/Elastic.Authoring.Tests/.snapshots/Blocks/Hub/GetStartedWithFourSteps/RendersHtml.verified.html

@@ -0,0 +1,58 @@
+<section class="hub-get-started" id="get-started">
+	<div class="hub-get-started-lead">
+		<h2 class="hub-get-started-title">Get started</h2>
+	</div>
+	<div class="hub-get-started-track" style="--hub-step-columns: 3">
+		<ol class="hub-get-started-first">
+			<li class="hub-get-started-box is-fork">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">1</span>
+					<h3 class="hub-get-started-step-title">Install</h3>
+				</div>
+				<div class="hub-get-started-fork">
+					<div class="hub-get-started-option">
+						<span class="hub-get-started-option-label">Source</span>
+						<div class="hub-get-started-install highlight">
+							<pre>
+								<code class="language-text">dotnet build</code>
+							</pre>
+						</div>
+					</div>
+					<div class="hub-get-started-or" aria-hidden="true">
+						<span>or</span>
+					</div>
+					<div class="hub-get-started-option">
+						<span class="hub-get-started-option-label">Container</span>
+						<a class="hub-get-started-option-btn" href="/">Get started</a>
+					</div>
+				</div>
+			</li>
+		</ol>
+		<ol class="hub-get-started-grid has-three-columns" start="2">
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">2</span>
+					<h3 class="hub-get-started-step-title">Write</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">3</span>
+					<h3 class="hub-get-started-step-title">Preview</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+			<li class="hub-get-started-step">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">4</span>
+					<h3 class="hub-get-started-step-title">Validate</h3>
+				</div>
+				<div class="hub-get-started-step-foot">
+				</div>
+			</li>
+		</ol>
+	</div>
+</section>

tests/Elastic.Authoring.Tests/.snapshots/Blocks/Hub/OnThisPageWithAllSectionKinds/RendersHtml.verified.html

@@ -0,0 +1,116 @@
+<nav class="hub-on-this-page" aria-label="On this page">
+	<div class="hub-on-this-page-label">On this page</div>
+	<ul class="hub-on-this-page-list">
+		<li>
+			<a href="#get-started">Get started with Kibana</a>
+		</li>
+		<li>
+			<a href="#whats-new">What's new</a>
+		</li>
+		<li>
+			<a href="#solutions">Solutions</a>
+		</li>
+		<li>
+			<a href="#explore">Explore Kibana docs</a>
+		</li>
+	</ul>
+</nav>
+<section class="hub-get-started" id="get-started">
+	<div class="hub-get-started-lead">
+		<h2 class="hub-get-started-title">Get started with Kibana</h2>
+	</div>
+	<div class="hub-get-started-track" style="--hub-step-columns: 1">
+		<ol class="hub-get-started-first">
+			<li class="hub-get-started-box">
+				<div class="hub-get-started-head">
+					<span class="hub-get-started-step-num" aria-hidden="true">1</span>
+					<h3 class="hub-get-started-step-title">Install</h3>
+				</div>
+				<p class="hub-get-started-step-desc hub-get-started-indent">Install it.</p>
+			</li>
+		</ol>
+	</div>
+</section>
+<section class="hub-whats-new" id="whats-new">
+	<header class="hub-wn-header">
+		<div class="hub-wn-heading">
+			<h2 class="hub-wn-title">What's new</h2>
+		</div>
+	</header>
+	<ul class="hub-wn-grid">
+		<li class="hub-wn-card">
+			<a class="hub-wn-card-link" href="/">
+				<div class="hub-wn-card-meta">
+					<span class="hub-wn-card-meta-left">
+					</span>
+				</div>
+				<h3 class="hub-wn-card-title">Hub pages</h3>
+				<p class="hub-wn-card-desc">A product-scoped landing page.</p>
+				<span class="hub-wn-card-more">
+					<span>Read more</span>
+					<svg class="hub-arrow" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+						<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path>
+					</svg>
+				</span>
+			</a>
+		</li>
+	</ul>
+</section>
+<div class="hub-zone" id="solutions">
+	<h2 class="hub-zone-title">Solutions</h2>
+</div>
+<ul class="hub-card-grid">
+	<li class="hub-card">
+		<div class="hub-card-head">
+			<h3 class="hub-card-title">
+				Search
+			</h3>
+		</div>
+	</li>
+</ul>
+<div class="hub-zone" id="explore">
+	<h2 class="hub-zone-title">Explore Kibana docs</h2>
+</div>
+<div class="hub-explore">
+	<details class="hub-accordion" id="quick-links">
+		<summary class="hub-accordion-summary">
+			<h3 class="hub-accordion-title">Quick links</h3>
+			<svg class="hub-accordion-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+				<path d="M3 8h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+				<path class="hub-accordion-icon-v" d="M8 3v10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+			</svg>
+		</summary>
+		<div class="hub-accordion-body">
+			<ul class="hub-explore-cols">
+				<li class="hub-col">
+					<h4 class="hub-col-title">
+						Releases
+					</h4>
+				</li>
+			</ul>
+		</div>
+	</details>
+</div>
+<div class="hub-zone hub-zone-nested" id="use-kibana">
+	<h3 class="hub-zone-title">Use Kibana</h3>
+</div>
+<div class="hub-explore">
+	<details class="hub-accordion" id="analyze">
+		<summary class="hub-accordion-summary">
+			<h4 class="hub-accordion-title">Analyze data</h4>
+			<svg class="hub-accordion-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+				<path d="M3 8h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+				<path class="hub-accordion-icon-v" d="M8 3v10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path>
+			</svg>
+		</summary>
+		<div class="hub-accordion-body">
+			<ul class="hub-explore-cols">
+				<li class="hub-col">
+					<h5 class="hub-col-title">
+						Discover
+					</h5>
+				</li>
+			</ul>
+		</div>
+	</details>
+</div>

tests/Elastic.Authoring.Tests/.snapshots/Blocks/Hub/WhatsNewWithAnInlineBody/RendersHtml.verified.html

@@ -0,0 +1,46 @@
+<section class="hub-whats-new" id="whats-new">
+	<header class="hub-wn-header">
+		<div class="hub-wn-heading">
+			<h2 class="hub-wn-title">What's new in docs-builder</h2>
+			<p class="hub-wn-intro">Recent additions to the toolchain.</p>
+		</div>
+	</header>
+	<ul class="hub-wn-grid">
+		<li class="hub-wn-card hub-wn-card-featured">
+			<a class="hub-wn-card-link" href="/">
+				<div class="hub-wn-card-meta">
+					<span class="hub-wn-card-meta-left">
+						<span class="hub-wn-card-date">AUG 2026</span>
+					</span>
+					<span class="hub-wn-card-tag">Syntax</span>
+				</div>
+				<h3 class="hub-wn-card-title">Hub pages</h3>
+				<p class="hub-wn-card-desc">A product-scoped landing page.</p>
+				<span class="hub-wn-card-more">
+					<span>Read more</span>
+					<svg class="hub-arrow" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+						<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path>
+					</svg>
+				</span>
+			</a>
+		</li>
+		<li class="hub-wn-card">
+			<a class="hub-wn-card-link" href="/">
+				<div class="hub-wn-card-meta">
+					<span class="hub-wn-card-meta-left">
+						<span class="hub-wn-card-date">AUG 2026</span>
+					</span>
+					<span class="hub-wn-card-tag">Syntax</span>
+				</div>
+				<h3 class="hub-wn-card-title">Explore sections</h3>
+				<p class="hub-wn-card-desc">Collapse a long link list.</p>
+				<span class="hub-wn-card-more">
+					<span>Read more</span>
+					<svg class="hub-arrow" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+						<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path>
+					</svg>
+				</span>
+			</a>
+		</li>
+	</ul>
+</section>

tests/Elastic.Authoring.Tests/.snapshots/DesignSystem/AppliesToComponent/RendersHtml.verified.html

@@ -0,0 +1,65 @@
+<div class="admonition admonition--note" role="note">
+	<div class="admonition__header">
+		<svg class="icon icon--sm" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+			<path fill-rule="evenodd" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z" clip-rule="evenodd"></path>
+			<path d="M9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
+			<path fill-rule="evenodd" d="M6.5 7h2v4H10v1H6v-1h1.5V8h-1V7Z" clip-rule="evenodd"></path>
+		</svg>
+		<span class="admonition__title">Note</span>
+		<span class="admonition__applies">
+			<span class="applies-popover applies-popover--inline" data-applies-popover="">
+				<button type="button" class="applies-badge applies-badge--ga applies-popover__trigger" aria-expanded="false" data-applies-trigger="">
+					<span class="applies-badge__product">Stack</span>
+					<span class="applies-badge__status">
+						Planned</span>
+				</button>
+				<span class="applies-popover__panel" data-applies-panel="">
+					<span class="applies-popover__description">The
+						<strong>Elastic Stack</strong>
+						includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats.</span>
+					<span class="applies-popover__heading">Availability</span>
+					<span class="applies-popover__availability" role="list">
+						<span class="applies-popover__item" role="listitem">
+							<span class="applies-popover__item-name">Planned</span>
+							<span class="applies-popover__item-description">We plan to add this functionality in a future Elastic Stack update. Subject to changes.</span>
+						</span>
+					</span>
+					<span class="applies-popover__info">Unless stated otherwise on the page, this functionality is available when your Elastic Stack is deployed on Elastic Cloud Hosted, Elastic Cloud Enterprise, Elastic Cloud on Kubernetes, and self-managed environments.</span>
+					<span class="applies-popover__note">This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the
+						<a href="https://www.elastic.co/docs/release-notes">release notes</a>
+						for changes.</span>
+				</span>
+			</span>
+		</span>
+	</div>
+	<div class="admonition__body">
+		<p>This applies to the stack.</p>
+	</div>
+</div>
+<p>Inline badge:
+	<span class="applies applies-inline">
+		<span class="applies-popover applies-popover--inline" data-applies-popover="">
+			<button type="button" class="applies-badge applies-badge--preview applies-popover__trigger" aria-expanded="false" data-applies-trigger="">
+				<span class="applies-badge__product">Stack</span>
+				<span class="applies-badge__status">
+					Planned</span>
+			</button>
+			<span class="applies-popover__panel" data-applies-panel="">
+				<span class="applies-popover__description">The
+					<strong>Elastic Stack</strong>
+					includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats.</span>
+				<span class="applies-popover__heading">Availability</span>
+				<span class="applies-popover__availability" role="list">
+					<span class="applies-popover__item" role="listitem">
+						<span class="applies-popover__item-name">Planned</span>
+						<span class="applies-popover__item-description">We plan to add this functionality in a future Elastic Stack update. Subject to changes.</span>
+					</span>
+				</span>
+				<span class="applies-popover__info">Unless stated otherwise on the page, this functionality is available when your Elastic Stack is deployed on Elastic Cloud Hosted, Elastic Cloud Enterprise, Elastic Cloud on Kubernetes, and self-managed environments.</span>
+				<span class="applies-popover__note">This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the
+					<a href="https://www.elastic.co/docs/release-notes">release notes</a>
+					for changes.</span>
+			</span>
+		</span>
+	</span>
+</p>