michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: cleaning up test element IDs

Browse source
This commit is contained in:
Tony Sullivan 2022-05-16 13:58:22 -05:00
parent 31bcd81101
commit 03e0318bf4
11 changed files with 48 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/astro/e2e/fixtures/lit/src/pages/index.astro
View file

@ -11,15 +11,15 @@ const someProps = {
<!-- Head Stuff -->
</head>
<body>
<my-counter id="counter-idle" {...someProps} client:idle>
<my-counter id="client-idle" {...someProps} client:idle>
<h1>Hello, client:idle!</h1>
</my-counter>
<my-counter id="counter-load" {...someProps} client:load>
<my-counter id="client-load" {...someProps} client:load>
<h1>Hello, client:load!</h1>
</my-counter>
<my-counter id="counter-visible" {...someProps} client:visible>
<my-counter id="client-visible" {...someProps} client:visible>
<h1>Hello, client:visible!</h1>
</my-counter>
</body>

2
packages/astro/e2e/fixtures/lit/src/pages/media.astro
View file

@ -11,7 +11,7 @@ const someProps = {
<!-- Head Stuff -->
</head>
<body>
<my-counter id="counter-media" {...someProps} client:media="(max-width: 50em)">
<my-counter id="client-media" {...someProps} client:media="(max-width: 50em)">
<h1>Hello, client:media!</h1>
</my-counter>
</body>

8
packages/astro/e2e/fixtures/preact/src/pages/index.astro
View file

@ -16,19 +16,19 @@ const someProps = {
<h1>Hello, server!</h1>
</Counter>
<Counter id="counter-idle" {...someProps} client:idle>
<Counter id="client-idle" {...someProps} client:idle>
<h1>Hello, client:idle!</h1>
</Counter>
<Counter id="counter-load" {...someProps} client:load>
<Counter id="client-load" {...someProps} client:load>
<h1>Hello, client:load!</h1>
</Counter>
<Counter id="counter-visible" {...someProps} client:visible>
<Counter id="client-visible" {...someProps} client:visible>
<h1>Hello, client:visible!</h1>
</Counter>
<Counter id="counter-media" {...someProps} client:media="(max-width: 50em)">
<Counter id="client-media" {...someProps} client:media="(max-width: 50em)">
<h1>Hello, client:media!</h1>
</Counter>

8
packages/astro/e2e/fixtures/react/src/pages/index.astro
View file

@ -16,19 +16,19 @@ const someProps = {
<h1>Hello, server!</h1>
</Counter>
<Counter id="counter-idle" {...someProps} client:idle>
<Counter id="client-idle" {...someProps} client:idle>
<h1>Hello, client:idle!</h1>
</Counter>
<Counter id="counter-load" {...someProps} client:load>
<Counter id="client-load" {...someProps} client:load>
<h1>Hello, client:load!</h1>
</Counter>
<Counter id="counter-visible" {...someProps} client:visible>
<Counter id="client-visible" {...someProps} client:visible>
<h1>Hello, client:visible!</h1>
</Counter>
<Counter id="counter-media" {...someProps} client:media="(max-width: 50em)">
<Counter id="client-media" {...someProps} client:media="(max-width: 50em)">
<h1>Hello, client:media!</h1>
</Counter>

8
packages/astro/e2e/fixtures/solid/src/pages/index.astro
View file

@ -15,19 +15,19 @@ const someProps = {
<h1>Hello, server!</h1>
</Counter>
<Counter id="counter-idle" {...someProps} client:idle>
<Counter id="client-idle" {...someProps} client:idle>
<h1>Hello, client:idle!</h1>
</Counter>
<Counter id="counter-load" {...someProps} client:load>
<Counter id="client-load" {...someProps} client:load>
<h1>Hello, client:load!</h1>
</Counter>
<Counter id="counter-visible" {...someProps} client:visible>
<Counter id="client-visible" {...someProps} client:visible>
<h1>Hello, client:visible!</h1>
</Counter>
<Counter id="counter-media" {...someProps} client:media="(max-width: 50em)">
<Counter id="client-media" {...someProps} client:media="(max-width: 50em)">
<h1>Hello, client:media!</h1>
</Counter>
</body>

8
packages/astro/e2e/fixtures/svelte/src/pages/index.astro
View file

@ -15,19 +15,19 @@ const someProps = {
<h1>Hello, server!</h1>
</Counter>
<Counter id="counter-idle" client:idle>
<Counter id="client-idle" client:idle>
<h1>Hello, client:idle!</h1>
</Counter>
<Counter id="counter-load" client:load>
<Counter id="client-load" client:load>
<h1>Hello, client:load!</h1>
</Counter>
<Counter id="counter-visible" client:visible>
<Counter id="client-visible" client:visible>
<h1>Hello, client:visible!</h1>
</Counter>
<Counter id="counter-media" client:media="(max-width: 50rem)">
<Counter id="client-media" client:media="(max-width: 50rem)">
<h1>Hello, client:media!</h1>
</Counter>
</body>

10
packages/astro/e2e/lit.test.js
View file

@ -26,7 +26,7 @@ test.only('Lit', async ({ page, astro }) => {
await test.step('client:idle', async () => {
await page.goto(astro.resolveUrl('/'));
const counter = page.locator('#counter-idle');
const counter = page.locator('#client-idle');
await expect(counter).toBeVisible();
const count = counter.locator('p');
@ -41,7 +41,7 @@ test.only('Lit', async ({ page, astro }) => {
await test.step('client:load', async () => {
await page.goto(astro.resolveUrl('/'));
const counter = page.locator('#counter-load');
const counter = page.locator('#client-load');
await expect(counter).toBeVisible();
const count = counter.locator('p');
@ -56,7 +56,7 @@ test.only('Lit', async ({ page, astro }) => {
await test.step('client:visible', async () => {
await page.goto(astro.resolveUrl('/'));
const counter = page.locator('#counter-visible');
const counter = page.locator('#client-visible');
await counter.scrollIntoViewIfNeeded();
await expect(counter).toBeVisible();
@ -72,7 +72,7 @@ test.only('Lit', async ({ page, astro }) => {
await test.step('client:media', async () => {
await page.goto(astro.resolveUrl('/media'));
const counter = page.locator('#counter-media');
const counter = page.locator('#client-media');
await expect(counter).toBeVisible();
const count = counter.locator('p');
@ -102,7 +102,7 @@ test.only('Lit', async ({ page, astro }) => {
await afterHMR;
const label = page.locator('#counter-idle h1');
const label = page.locator('#client-idle h1');
await expect(label).toHaveText('Hello, updated client:idle!')
});
});

12
packages/astro/e2e/preact.test.js
View file

@ -39,7 +39,7 @@ test.only('Preact', async ({ page, astro }) => {
});
await test.step('client:idle', async () => {
const counter = page.locator('#counter-idle');
const counter = page.locator('#client-idle');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -52,7 +52,7 @@ test.only('Preact', async ({ page, astro }) => {
});
await test.step('client:load', async () => {
const counter = page.locator('#counter-load');
const counter = page.locator('#client-load');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -65,7 +65,7 @@ test.only('Preact', async ({ page, astro }) => {
});
await test.step('client:visible', async () => {
const counter = page.locator('#counter-visible');
const counter = page.locator('#client-visible');
await counter.scrollIntoViewIfNeeded();
await expect(counter).toBeVisible();
@ -79,7 +79,7 @@ test.only('Preact', async ({ page, astro }) => {
});
await test.step('client:media', async () => {
const counter = page.locator('#counter-media');
const counter = page.locator('#client-media');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -109,12 +109,12 @@ test.only('Preact', async ({ page, astro }) => {
// test 1: updating the page component
await astro.writeFile(
'src/pages/index.astro',
(original) => original.replace('id="counter-idle" {...someProps}', 'id="counter-idle" count={5}')
(original) => original.replace('id="client-idle" {...someProps}', 'id="client-idle" count={5}')
);
await afterHMR;
const count = page.locator('#counter-idle pre');
const count = page.locator('#client-idle pre');
await expect(count).toHaveText('5');
// test 2: updating the preact component

12
packages/astro/e2e/react.test.js
View file

@ -39,7 +39,7 @@ test.only('React', async ({ page, astro }) => {
});
await test.step('client:idle', async () => {
const counter = page.locator('#counter-idle');
const counter = page.locator('#client-idle');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -52,7 +52,7 @@ test.only('React', async ({ page, astro }) => {
});
await test.step('client:load', async () => {
const counter = page.locator('#counter-load');
const counter = page.locator('#client-load');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -65,7 +65,7 @@ test.only('React', async ({ page, astro }) => {
});
await test.step('client:visible', async () => {
const counter = page.locator('#counter-visible');
const counter = page.locator('#client-visible');
await counter.scrollIntoViewIfNeeded();
await expect(counter).toBeVisible();
@ -79,7 +79,7 @@ test.only('React', async ({ page, astro }) => {
});
await test.step('client:media', async () => {
const counter = page.locator('#counter-media');
const counter = page.locator('#client-media');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -109,12 +109,12 @@ test.only('React', async ({ page, astro }) => {
// test 1: updating the page component
await astro.writeFile(
'src/pages/index.astro',
(original) => original.replace('id="counter-idle" {...someProps}', 'id="counter-idle" count={5}')
(original) => original.replace('id="client-idle" {...someProps}', 'id="client-idle" count={5}')
);
await afterHMR;
const count = page.locator('#counter-idle pre');
const count = page.locator('#client-idle pre');
await expect(count).toHaveText('5');
// test 2: updating the react component

12
packages/astro/e2e/solid.test.js
View file

@ -39,7 +39,7 @@ test.only('Solid', async ({ page, astro }) => {
});
await test.step('client:idle', async () => {
const counter = page.locator('#counter-idle');
const counter = page.locator('#client-idle');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -52,7 +52,7 @@ test.only('Solid', async ({ page, astro }) => {
});
await test.step('client:load', async () => {
const counter = page.locator('#counter-load');
const counter = page.locator('#client-load');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -65,7 +65,7 @@ test.only('Solid', async ({ page, astro }) => {
});
await test.step('client:visible', async () => {
const counter = page.locator('#counter-visible');
const counter = page.locator('#client-visible');
await counter.scrollIntoViewIfNeeded();
await expect(counter).toBeVisible();
@ -79,7 +79,7 @@ test.only('Solid', async ({ page, astro }) => {
});
await test.step('client:media', async () => {
const counter = page.locator('#counter-media');
const counter = page.locator('#client-media');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -102,12 +102,12 @@ test.only('Solid', async ({ page, astro }) => {
// test 1: updating the page component
await astro.writeFile(
'src/pages/index.astro',
(original) => original.replace('id="counter-idle" {...someProps}', 'id="counter-idle" count={5}')
(original) => original.replace('id="client-idle" {...someProps}', 'id="client-idle" count={5}')
);
await afterHMR;
const count = page.locator('#counter-idle pre');
const count = page.locator('#client-idle pre');
await expect(count).toHaveText('5');
// test 2: updating imported CSS

10
packages/astro/e2e/svelte.test.js
View file

@ -39,7 +39,7 @@ test.only('Svelte', async ({ page, astro }) => {
});
await test.step('client:idle', async () => {
const counter = page.locator('#counter-idle');
const counter = page.locator('#client-idle');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -52,7 +52,7 @@ test.only('Svelte', async ({ page, astro }) => {
});
await test.step('client:load', async () => {
const counter = page.locator('#counter-load');
const counter = page.locator('#client-load');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -65,7 +65,7 @@ test.only('Svelte', async ({ page, astro }) => {
});
await test.step('client:visible', async () => {
const counter = page.locator('#counter-visible');
const counter = page.locator('#client-visible');
await counter.scrollIntoViewIfNeeded();
await expect(counter).toBeVisible();
@ -79,7 +79,7 @@ test.only('Svelte', async ({ page, astro }) => {
});
await test.step('client:media', async () => {
const counter = page.locator('#counter-media');
const counter = page.locator('#client-media');
await expect(counter).toBeVisible();
const count = counter.locator('pre');
@ -107,7 +107,7 @@ test.only('Svelte', async ({ page, astro }) => {
await afterHMR;
const label = page.locator('#counter-idle-message');
const label = page.locator('#client-idle-message');
await expect(label).toHaveText('Hello, updated client:idle!');
});
});