refactor: enforce screenshot regeneration

mfranzke · mfranzke · commit 56a69d53c638 · 2025-07-14T10:40:07.000+02:00
diff --git a/packages/components/_templates/mitosis/new/component/spec.ejs.t b/packages/components/_templates/mitosis/new/component/spec.ejs.t
@@ -13,7 +13,7 @@ const comp: any = <DB<%= h.changeCase.pascal(name) %>>Test</DB<%= h.changeCase.p
 const testComponent = () =>{
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/accordion-item/accordion-item.spec.tsx b/packages/components/src/components/accordion-item/accordion-item.spec.tsx
@@ -10,7 +10,7 @@ const comp: any = <DBAccordionItem headlinePlain="Test">Test</DBAccordionItem>;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/accordion/accordion.spec.tsx b/packages/components/src/components/accordion/accordion.spec.tsx
@@ -48,7 +48,7 @@ const actionAccordion: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/badge/badge.spec.tsx b/packages/components/src/components/badge/badge.spec.tsx
@@ -10,7 +10,7 @@ const comp: any = <DBBadge>Test</DBBadge>;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/brand/brand.spec.tsx b/packages/components/src/components/brand/brand.spec.tsx
@@ -9,7 +9,7 @@ const comp: any = <DBBrand>Test</DBBrand>;
 const testBrand = () => {
 	test(`should contain text`, async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test(`should match screenshot`, async ({ mount }) => {
diff --git a/packages/components/src/components/button/button.spec.tsx b/packages/components/src/components/button/button.spec.tsx
@@ -26,7 +26,7 @@ const testButton = () => {
 			mount
 		}) => {
 			const component = await mount(variantButton);
-			await expect(component).toContainText('Test');
+			await expect(component).toContainText('1Test');
 		});
 
 		test(`should match screenshot for variant ${variant}`, async ({
diff --git a/packages/components/src/components/card/card.spec.tsx b/packages/components/src/components/card/card.spec.tsx
@@ -10,7 +10,7 @@ const defaultComp: any = <DBCard>Test</DBCard>;
 const testDefaultCard = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(defaultComp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/checkbox/checkbox.spec.tsx b/packages/components/src/components/checkbox/checkbox.spec.tsx
@@ -10,7 +10,7 @@ const comp: any = <DBCheckbox label="Test" />;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/custom-select/custom-select.spec.tsx b/packages/components/src/components/custom-select/custom-select.spec.tsx
@@ -42,7 +42,7 @@ const selectAllSelect: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/drawer/drawer.spec.tsx b/packages/components/src/components/drawer/drawer.spec.tsx
@@ -12,7 +12,7 @@ const testComponent = (viewport) => {
 		mount
 	}) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test.fixme(
diff --git a/packages/components/src/components/infotext/infotext.spec.tsx b/packages/components/src/components/infotext/infotext.spec.tsx
@@ -10,7 +10,7 @@ const comp: any = <DBInfotext>Test</DBInfotext>;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/navigation-item/navigation-item.spec.tsx b/packages/components/src/components/navigation-item/navigation-item.spec.tsx
@@ -22,7 +22,7 @@ const comp: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/notification/notification.spec.tsx b/packages/components/src/components/notification/notification.spec.tsx
@@ -9,7 +9,7 @@ const comp: any = <DBNotification>Test</DBNotification>;
 const testComponent = () => {
 	test(`should contain text`, async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test(`should match screenshot`, async ({ mount }) => {
diff --git a/packages/components/src/components/popover/popover.spec.tsx b/packages/components/src/components/popover/popover.spec.tsx
@@ -25,7 +25,7 @@ const comp: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/radio/radio.spec.tsx b/packages/components/src/components/radio/radio.spec.tsx
@@ -10,7 +10,7 @@ const comp: any = <DBRadio label="Test"></DBRadio>;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/select/select.spec.tsx b/packages/components/src/components/select/select.spec.tsx
@@ -15,7 +15,7 @@ const comp: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/stack/stack.spec.tsx b/packages/components/src/components/stack/stack.spec.tsx
@@ -16,7 +16,7 @@ const comp: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/switch/switch.spec.tsx b/packages/components/src/components/switch/switch.spec.tsx
@@ -10,7 +10,7 @@ const comp = <DBSwitch>Test</DBSwitch>;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/tabs/tabs.spec.tsx b/packages/components/src/components/tabs/tabs.spec.tsx
@@ -27,7 +27,7 @@ const comp: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/tag/tag.spec.tsx b/packages/components/src/components/tag/tag.spec.tsx
@@ -14,7 +14,7 @@ const comp: any = <DBTag>Test</DBTag>;
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
diff --git a/packages/components/src/components/tooltip/tooltip.spec.tsx b/packages/components/src/components/tooltip/tooltip.spec.tsx
@@ -19,7 +19,7 @@ const comp: any = (
 const testComponent = () => {
 	test('should contain text', async ({ mount }) => {
 		const component = await mount(comp);
-		await expect(component).toContainText('Test');
+		await expect(component).toContainText('1Test');
 	});
 
 	test('should match screenshot', async ({ mount }) => {
