E2E: fix test for WSL integration

.github/actions/spelling/expect.txt

@@ -737,6 +737,7 @@ tencenttke
 termch
 testbuild
 testfilethatdoesntexist
+testid
 testreleasedate
 testurl
 tgz

e2e/pages/preferences/index.ts

@@ -22,4 +22,16 @@ export class PreferencesPage {
     this.kubernetes = new KubernetesNav(page);
     this.wsl = new WslNav(page);
   }
+
+  get alert() {
+    return this.page.getByTestId('preferences-alert');
+  }
+
+  apply() {
+    return this.page.getByTestId('preferences-apply').click();
+  }
+
+  cancel() {
+    return this.page.getByTestId('preferences-cancel').click();
+  }
 }

e2e/pages/preferences/wsl.ts

@@ -1,5 +1,12 @@
 import type { Page, Locator } from '@playwright/test';
 
+const checkboxProps = {
+  checkbox:  'input[type="checkbox"]',
+  container: '.checkbox-container',
+  name:      '.checkbox-label',
+  error:     '.checkbox-outer-container-description',
+} as const;
+
 export class WslNav {
   readonly page: Page;
   readonly nav: Locator;
@@ -20,4 +27,12 @@ export class WslNav {
     this.wslIntegrations = page.locator('[data-test="wslIntegrations"]');
     this.addressTitle = page.locator('[data-test="addressTitle"]');
   }
+
+  getIntegration(distro: string) : Locator & { [p in keyof typeof checkboxProps]: Locator } {
+    const locator = this.wslIntegrations.getByTestId(`item-${ distro }`).locator('.checkbox-outer-container');
+    const origProps = Object.entries(checkboxProps);
+    const mappedProps = origProps.map(([k, v]) => [k, { value: locator.locator(v) }]);
+
+    return Object.create(locator, Object.fromEntries(mappedProps));
+  }
 }

e2e/utils/TestUtils.ts

@@ -14,9 +14,11 @@ import plist from 'plist';
 import { defaultSettings, LockedSettingsType, Settings } from '@pkg/config/settings';
 import { PathManagementStrategy } from '@pkg/integrations/pathManager';
 import * as childProcess from '@pkg/utils/childProcess';
+import { Log } from '@pkg/utils/logging' ;
 import paths from '@pkg/utils/paths';
 import { RecursivePartial, RecursiveTypes } from '@pkg/utils/typeUtils';
 
+const console = new Log(path.basename(__filename, '.ts'), reportAsset(__filename, 'log'));
 let testInfo: undefined | {
   testPath: string;
   startTime: number;