[Learn] Land the learn page

[AndrewJakubowicz]

Fixes: #822

Context

"Land" the Learn catalog page. This PR does not remove the tutorials page, as that page is still valuable for the tutorials collection.

Changes

• Change nav bar Tutorials -> Learn.
• Change links to /tutorials -> /learn#filter=tutorial.

Test plan

Added a smoke test integration test, which renders the tutorial catalog.

[github-actions]

A live preview of this PR will be available at the URL(s) below.
The latest URL will be appended to this comment on each push.
Each build takes ~5-10 minutes, and will 404 until finished.

https://pr1258-85e6dbd---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-6b4f7cd---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-8036a89---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-b12fe50---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-e398d57---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-e5216dc---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-20c0562---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-97427fc---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-5291834---lit-dev-5ftespv5na-uc.a.run.app/
https://pr1258-a7605f0---lit-dev-5ftespv5na-uc.a.run.app/

[augustjk]

🧑‍🏫 🚀

[augustjk]

Now that the article page is navigable, check links is failing on the hidden links to tags.
Currently tag links are part of the page but hidden with css:

lit.dev/packages/lit-dev-content/site/css/articles.css

Line 204 in 397df96

display: none;

We should just not render them at all until it's available by commenting out:

lit.dev/packages/lit-dev-content/site/_includes/article.html

Lines 10 to 16 in 397df96

	<div class="tags">
	{% for tag in tags %}
	{% if tag != 'articles-nav' %}
	<a href="{{ site.baseurl }}/articles/tags/{{ tag }}/" aria-label="{{ tag }} tag">{{ tag }}</a>
	{% endif %}
	{% endfor %}
	</div>

[augustjk]

Oh no.. the link checker thinks # are only meant to be sections on the page, not data to be read with JS.

BROKEN REDIRECT /learn/#filter=tutorial
Could not find section matching hash #filter=tutorial.
Searched in file ../lit-dev-content/_site/learn/index.html

We may need to explicitly bypass this here

lit.dev/packages/lit-dev-tests/src/check-redirects.ts

Lines 83 to 91 in f3febcf

	if (hash) {
	// Another hack. Just do a regexp search for e.g. id="somesection" instead
	// of DOM parsing. Should be good enough, especially given how regular our
	// Markdown generated HTML is.
	const idAttrRegExp = new RegExp(`\\sid=["']?${hash.slice(1)}["']?[\\s>]`);
	if (data.match(idAttrRegExp) === null) {
	return `Could not find section matching hash ${hash}.
	Searched in file ${indexHtmlPath}`;
	}

[AndrewJakubowicz]

@augustjk Thank you for the redirect tip. I've added a small workaround so that we pass the tests.

[augustjk]

Let's land it!! Hype!