Add test for prerendered link in <YouTube>

tests/astro-embed-twitter.mjs

@@ -1,4 +1,3 @@
-// @ts-check
 import { test } from 'uvu';
 import { renderScreen } from './utils/render.mjs';
 

tests/astro-embed-vimeo.mjs

@@ -1,4 +1,3 @@
-// @ts-check
 import { test } from 'uvu';
 import * as assert from 'uvu/assert';
 import { renderDOM } from './utils/render.mjs';

tests/astro-embed-youtube.mjs

@@ -1,4 +1,3 @@
-// @ts-check
 import { test } from 'uvu';
 import * as assert from 'uvu/assert';
 import { renderDOM } from './utils/render.mjs';
@@ -16,6 +15,12 @@ test('it should render a lite-youtube element', async () => {
 		embed.style['background-image'],
 		`url('https://i.ytimg.com/vi_webp/${videoid}/hqdefault.webp')`
 	);
+	// It renders a static link to the video.
+	const playButton = /** @type {HTMLAnchorElement} */ (
+		embed.querySelector('a.lty-playbtn')
+	);
+	assert.ok(playButton);
+	assert.is(playButton.href, `https://youtube.com/watch?v=${videoid}`);
 });
 
 test('it parses a youtube.com URL', async () => {

tests/utils/render.mjs

@@ -1,4 +1,3 @@
-// @ts-check
 /* eslint-disable no-console */
 import { prettyDOM, queries } from '@testing-library/dom';
 import { getComponentOutput } from 'astro-component-tester';

tsconfig.json

@@ -1,3 +1,7 @@
 {
-  "extends": "astro/tsconfigs/strictest"
+  "extends": "astro/tsconfigs/strictest",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true
+  }
 }