test: fix e2e tests

withastro · May 26, 2022 · ee3ee55 · ee3ee55
1 parent 72373b1
commit ee3ee55
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 30 deletions.
diff --git a/packages/astro/e2e/client-only.test.js b/packages/astro/e2e/client-only.test.js
@@ -28,7 +28,7 @@ test.describe('Client only', () => {
 		const count = await counter.locator('pre');
 		await expect(count, 'initial count is 0').toHaveText('0');
 
-		const children = await counter.locator('h1');
+		const children = await counter.locator('.children');
 		await expect(children, 'children exist').toHaveText('react');
 
 		const increment = await counter.locator('.increment');
@@ -46,7 +46,7 @@ test.describe('Client only', () => {
 		const count = await counter.locator('pre');
 		await expect(count, 'initial count is 0').toHaveText('0');
 
-		const children = await counter.locator('h1');
+		const children = await counter.locator('.children');
 		await expect(children, 'children exist').toHaveText('preact');
 
 		const increment = await counter.locator('.increment');
@@ -64,7 +64,7 @@ test.describe('Client only', () => {
 		const count = await counter.locator('pre');
 		await expect(count, 'initial count is 0').toHaveText('0');
 
-		const children = await counter.locator('h1');
+		const children = await counter.locator('.children');
 		await expect(children, 'children exist').toHaveText('solid');
 
 		const increment = await counter.locator('.increment');
@@ -82,7 +82,7 @@ test.describe('Client only', () => {
 		const count = await counter.locator('pre');
 		await expect(count, 'initial count is 0').toHaveText('0');
 
-		const children = await counter.locator('h1');
+		const children = await counter.locator('.children');
 		await expect(children, 'children exist').toHaveText('vue');
 
 		const increment = await counter.locator('.increment');
@@ -100,7 +100,7 @@ test.describe('Client only', () => {
 		const count = await counter.locator('pre');
 		await expect(count, 'initial count is 0').toHaveText('0');
 
-		const children = await counter.locator('h1');
+		const children = await counter.locator('.children');
 		await expect(children, 'children exist').toHaveText('svelte');
 
 		const increment = await counter.locator('.increment');

diff --git a/packages/astro/e2e/fixtures/client-only/src/components/PreactCounter.tsx b/packages/astro/e2e/fixtures/client-only/src/components/PreactCounter.tsx
@@ -7,13 +7,11 @@ export function PreactCounter({ children, id }) {
 	const subtract = () => setCount((i) => i - 1);
 
 	return (
-		<>
-			<div id={id} class="counter">
-				<button class="decrement" onClick={subtract}>-</button>
-				<pre>{count}</pre>
-				<button class="increment" onClick={add}>+</button>
-			</div>
-			<div class="counter-message">{children}</div>
-		</>
+		<div id={id} class="counter">
+			<button class="decrement" onClick={subtract}>-</button>
+			<pre>{count}</pre>
+			<button class="increment" onClick={add}>+</button>
+			<div class="children">{children}</div>
+		</div>
 	);
 }
diff --git a/packages/astro/e2e/fixtures/client-only/src/components/ReactCounter.jsx b/packages/astro/e2e/fixtures/client-only/src/components/ReactCounter.jsx
@@ -7,13 +7,11 @@ export function Counter({ children, id }) {
 	const subtract = () => setCount((i) => i - 1);
 
 	return (
-		<>
-			<div id={id} className="counter">
-				<button className="decrement" onClick={subtract}>-</button>
-				<pre>{count}</pre>
-				<button className="increment" onClick={add}>+</button>
-			</div>
-			<div className="counter-message">{children}</div>
-		</>
+		<div id={id} className="counter">
+			<button className="decrement" onClick={subtract}>-</button>
+			<pre>{count}</pre>
+			<button className="increment" onClick={add}>+</button>
+			<div className="children">{children}</div>
+		</div>
 	);
 }
diff --git a/packages/astro/e2e/fixtures/client-only/src/components/SolidCounter.tsx b/packages/astro/e2e/fixtures/client-only/src/components/SolidCounter.tsx
@@ -7,13 +7,11 @@ export default function SolidCounter({ children, id }) {
 	const subtract = () => setCount(count() - 1);
 
 	return (
-		<>
 			<div id={id} class="counter">
 				<button class="decrement" onClick={subtract}>-</button>
 				<pre>{count()}</pre>
 				<button class="increment" onClick={add}>+</button>
+				<div class="children">{children}</div>
 			</div>
-			<div class="counter-message">{children}</div>
-		</>
 	);
 }
diff --git a/packages/astro/e2e/fixtures/client-only/src/components/SvelteCounter.svelte b/packages/astro/e2e/fixtures/client-only/src/components/SvelteCounter.svelte
@@ -17,9 +17,9 @@
   <button class="decrement" on:click={subtract}>-</button>
   <pre>{ count }</pre>
   <button class="increment" on:click={add}>+</button>
-</div>
-<div class="counter-message">
-  <slot />
+	<div class="children">
+		<slot />
+	</div>
 </div>
 
 <style>

diff --git a/packages/astro/e2e/fixtures/client-only/src/components/VueCounter.vue b/packages/astro/e2e/fixtures/client-only/src/components/VueCounter.vue
@@ -3,9 +3,9 @@
 		<button class="decrement" @click="subtract()">-</button>
 		<pre>{{ count }}</pre>
 		<button class="increment" @click="add()">+</button>
-	</div>
-	<div class="counter-message">
-		<slot />
+		<div class="children">
+			<slot />
+		</div>
 	</div>
 </template>