chore: update DBTab test

use var instead of file to hold click event results for test duration

Author: milan-w

packages/components/src/components/tabs/tabs.spec.tsx

@@ -1,21 +1,17 @@
 import AxeBuilder from '@axe-core/playwright';
 import { expect, test } from '@playwright/experimental-ct-react';
 
-import { existsSync, rmSync, writeFileSync } from 'node:fs';
 import { DBTabs } from './index';
 // @ts-ignore - vue can only find it with .ts as file ending
 import { DEFAULT_VIEWPORT } from '../../shared/constants.ts';
 import { DBTabItem } from '../tab-item';
 import { DBTabList } from '../tab-list';
 import { DBTabPanel } from '../tab-panel';
 
-const filePath = './test-results/onIndexChange.txt';
+let tabIndex: number;
 
 const comp: any = (
-	<DBTabs
-		onIndexChange={(index: number) =>
-			writeFileSync(filePath, index.toString())
-		}>
+	<DBTabs onIndexChange={(index: number) => (tabIndex = index)}>
 		<DBTabList>
 			<DBTabItem data-testid="test">Test 1</DBTabItem>
 			<DBTabItem data-testid="test2">Test 2</DBTabItem>
@@ -44,9 +40,7 @@ const testComponent = () => {
 
 const testActions = () => {
 	test('should be clickable', async ({ mount }) => {
-		if (existsSync(filePath)) {
-			rmSync(filePath);
-		}
+		expect(tabIndex).toBe(undefined);
 
 		const component = await mount(comp);
 		await component
@@ -59,7 +53,7 @@ const testActions = () => {
 			.isChecked();
 		expect(!tabChecked).toBeTruthy();
 
-		expect(existsSync(filePath)).toBeTruthy();
+		expect(tabIndex).toBe(1);
 	});
 };