Add spacing test page and E2E tests for other platforms (#2456)

* Add spacing E2E tests

* Change files

* Add test ID to Spacing test page

* Change files

* Remove macOS and Win E2E tests since they don't have the Spacing test page yet

* Revert "Remove macOS and Win E2E tests since they don't have the Spacing test page yet"

This reverts commit 3516a68.

* Activate spacing tokens page for all platforms

* Change files

Co-authored-by: Adam Gleitman <[email protected]>

Author: amgleitman

apps/E2E/src/Spacing/specs/SpacingTokens.spec.macos.ts

@@ -0,0 +1,21 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import SpacingTokensPageObject from '../pages/SpacingTokensPageObject';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Spacing Tokens Testing Initialization', function () {
+  it('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy();
+  });
+
+  it('Click and navigate to Spacing tokens test page', async () => {
+    await SpacingTokensPageObject.waitForButtonDisplayed(PAGE_TIMEOUT);
+
+    /* Click on component button to navigate to test page */
+    await NavigateAppPage.clickAndGoToSpacingTokensPage();
+    await SpacingTokensPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    await expect(await SpacingTokensPageObject.isPageLoaded()).toBeTruthy();
+  });
+});

apps/E2E/src/Spacing/specs/SpacingTokens.spec.win.ts

@@ -0,0 +1,20 @@
+import NavigateAppPage from '../../common/NavigateAppPage';
+import SpacingTokensPageObject from '../pages/SpacingTokensPageObject';
+import { PAGE_TIMEOUT, BOOT_APP_TIMEOUT } from '../../common/consts';
+
+// Before testing begins, allow up to 60 seconds for app to open
+describe('Spacing Token Testing Initialization', function () {
+  it('Wait for app load', async () => {
+    await NavigateAppPage.waitForPageDisplayed(BOOT_APP_TIMEOUT);
+    await expect(await NavigateAppPage.isPageLoaded()).toBeTruthy(NavigateAppPage.ERRORMESSAGE_APPLOAD);
+  });
+
+  it('Click and navigate to spacing tokens test page', async () => {
+    /* Click on component button to navigate to test page */
+    await NavigateAppPage.clickAndGoToSpacingTokensPage();
+    await SpacingTokensPageObject.waitForPageDisplayed(PAGE_TIMEOUT);
+
+    await expect(await SpacingTokensPageObject.isPageLoaded()).toBeTruthy(SpacingTokensPageObject.ERRORMESSAGE_PAGELOAD);
+    await expect(await SpacingTokensPageObject.didAssertPopup()).toBeFalsy(SpacingTokensPageObject.ERRORMESSAGE_ASSERT); // Ensure no asserts popped up
+  });
+});

apps/fluent-tester/src/testPages.ts

@@ -232,7 +232,7 @@ export const tests: TestDescription[] = [
     name: 'Spacing Tokens',
     component: SpacingTokensTest,
     testPageButton: HOMEPAGE_SPACING_BUTTON,
-    platforms: ['ios'],
+    platforms: ['android', 'ios', 'macos', 'win32', 'windows'],
   },
   {
     name: 'Stroke Width Tokens',

change/@fluentui-react-native-e2e-testing-6ac67881-801c-4568-936c-5b53ad459dd3.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Activate spacing tokens page for all platforms",
+  "packageName": "@fluentui-react-native/e2e-testing",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-native-tester-7979596c-d421-4e24-9af3-b74ea6050200.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Activate spacing tokens page for all platforms",
+  "packageName": "@fluentui-react-native/tester",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}