tests

Author: Sparkier

frontend/src/lib/components/general/HeaderIcon.svelte

@@ -12,6 +12,7 @@
 	class="m-auto flex cursor-pointer items-center p-3 hover:bg-black-transparent"
 	on:click
 	use:tooltip={{ text: tooltipContent }}
+	aria-label={pageName}
 >
 	<div class="h-6 w-6 fill-grey">
 		<Icon style="outline:none" tag="svg" viewBox="0 0 24 24">

frontend/tests/project.test.ts

@@ -12,24 +12,34 @@ test('can see project header', async ({ page }) => {
 	await expect(page.getByRole('heading', { name: 'GPT MT Benchmarks' })).toBeVisible();
 });
 
-test('slice and tags are present', async ({ page }) => {
-	await expect(page.getByRole('button', { name: 'All instances' })).toBeVisible();
-	await expect(page.getByRole('button', { name: 'short latin' })).toBeVisible();
-	await expect(page.getByRole('button', { name: 'random tag' })).toBeVisible();
+test('can see overview table', async ({ page }) => {
+	await expect(page.getByRole('heading', { name: 'Overview Table' })).toBeVisible();
 });
 
-test('can filter by slice', async ({ page }) => {
-	await page.getByText('short latin').click();
-	const grid = await page.locator('.grid').first();
-	await expect(grid.getByRole('button').first()).toContainText(
-		"That didn't seem to make sense to me; it certainly wasn't fair."
-	);
-});
+test.describe('explore', () => {
+	test.beforeEach(async ({ page }) => {
+		await page.locator("button[aria-label='explore']").click();
+	});
+
+	test('slice and tags are present', async ({ page }) => {
+		await expect(page.getByRole('button', { name: 'All instances' })).toBeVisible();
+		await expect(page.getByRole('button', { name: 'short latin' })).toBeVisible();
+		await expect(page.getByRole('button', { name: 'random tag' })).toBeVisible();
+	});
+
+	test('can filter by slice', async ({ page }) => {
+		await page.getByText('short latin').click();
+		const grid = await page.locator('.grid').first();
+		await expect(grid.getByRole('button').first()).toContainText(
+			"That didn't seem to make sense to me; it certainly wasn't fair."
+		);
+	});
 
-test('can filter by tag', async ({ page }) => {
-	await page.getByText('random tag').click();
-	const grid = await page.locator('.grid').first();
-	await expect(grid.getByRole('button').first()).toContainText(
-		'All I say to people is you treat us the way we treat you.'
-	);
+	test('can filter by tag', async ({ page }) => {
+		await page.getByText('random tag').click();
+		const grid = await page.locator('.grid').first();
+		await expect(grid.getByRole('button').first()).toContainText(
+			'All I say to people is you treat us the way we treat you.'
+		);
+	});
 });