Exporting E2E Data as NuGet Package (#2459)

* Changing location of E2E constants from /apps/fluent-tester to /apps/E2E. This consolidates data specific to E2E testing

* Creating new NuGet package containing all E2E testing data, while removing unnecessary bundles

* Reverting WDIO config file specs path

* Change files

* Fixing prettier

* Removing bundle verb from E2E (not needed anymore)

* Renaming index.win32 to index.consts to better represent file

* Removing old NuGet package and creating new one that contains E2E directory

* Modifying .ado nuget publish pipeline to include new package

* Resolve conflict with FocusZone version

* Removing unwanted change in tsconfig

* Adding back rnx-kit without bundle potion

Author: samuelfreiberg

.ado/templates/win32-nuget-publish.yml

@@ -24,10 +24,10 @@ steps:
 
   # Pack the NuGet package
   - task: CmdLine@1
-    displayName: 'Create NuGet package for win32 test specs.'
+    displayName: 'Create NuGet package for E2E testing directory'
     inputs:
       filename: nuget
-      arguments: 'pack Microsoft.FluentUI.Win32.E2E.Testing.Specs.nuspec -OutputDirectory $(Build.ArtifactStagingDirectory) -OutputFileNamesWithoutVersion -Verbosity detailed -Version $(Build.BuildNumber) -properties CommitId=$(Build.SourceVersion)'
+      arguments: 'pack Microsoft.FluentUI.E2E.Testing.Data.nuspec -OutputDirectory $(Build.ArtifactStagingDirectory) -OutputFileNamesWithoutVersion -Verbosity detailed -Version $(Build.BuildNumber) -properties CommitId=$(Build.SourceVersion)'
       workingFolder: 'apps/E2E/nuget'
 
   - task: AzureArtifacts.manifest-generator-task.manifest-generator-task.ManifestGeneratorTask@0
@@ -54,8 +54,8 @@ steps:
 
   # Push the NuGet package
   - task: NuGetCommand@2
-    displayName: 'NuGet push Win32 test specs'
+    displayName: 'NuGet push E2E testing package'
     inputs:
       command: push
-      packagesToPush: '$(Build.ArtifactStagingDirectory)/Microsoft.FluentUI.Win32.E2E.Testing.Specs.nupkg'
+      packagesToPush: '$(Build.ArtifactStagingDirectory)/Microsoft.FluentUI.E2E.Testing.Data.nupkg'
       publishVstsFeed: Office

apps/E2E/metro.config.js

@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd">
   <metadata>
-    <id>Microsoft.FluentUI.Win32.E2E.Testing.Specs</id>
+    <id>Microsoft.FluentUI.E2E.Testing.Data</id>
     <version>1.0.0</version>
-    <title>FluentUI React Native's E2E Testing Specs for Win32</title>
+    <title>FluentUI React Native's E2E Testing Assets</title>
     <authors>Microsoft Office CXE</authors>
     <projectUrl>https://github.com/microsoft/fluentui-react-native.git</projectUrl>
-    <description>This package contains a JS bundle of all Win32 E2E testing specs using WebDriverIO and Appium. This exports a JS bundle in a NuGet package because the consuming test infrastructure is setup to pull in NuGet packages, but does not yet support NPM packages.</description>
+    <description>This package contains all E2E testing data in FURN that allows us to run UI manipulation tests with WebDriverIO and Appium.</description>
     <requireLicenseAcceptance>false</requireLicenseAcceptance>
     <repository type="git"
       url="https://github.com/microsoft/fluentui-react-native.git"
       commit="$CommitId$" />
   </metadata>
   <files>
-    <file src="..\dist\**" target="win32\specs" />
+    <file src="..\src\**" target="E2E" />
   </files>
 </package>

apps/E2E/nuget/Microsoft.FluentUI.Win32.E2E.Testing.Specs.nuspec renamed to apps/E2E/nuget/Microsoft.FluentUI.E2E.Testing.Data.nuspec

@@ -5,7 +5,6 @@
   "license": "MIT",
   "scripts": {
     "build": "fluentui-scripts build",
-    "bundle": "react-native rnx-bundle --dev false",
     "e2etest:ios": "wdio run wdio.conf.ios.js",
     "e2etest:macos": "wdio run wdio.conf.macos.js",
     "e2etest:windows": "rimraf errorShots/* reports/* && wdio run wdio.conf.windows.js"
@@ -49,25 +48,6 @@
   "rnx-kit": {
     "reactNativeVersion": "0.68",
     "kitType": "library",
-    "bundle": [
-      {
-        "id": "win32_specs",
-        "entryFile": "src/index.win32.ts",
-        "bundleOutput": "dist/win32_specs.bundle.js",
-        "sourcemapOutput": "dist/win32_specs.bundle.map",
-        "assetsDest": "dist",
-        "targets": [
-          "native"
-        ],
-        "detectCyclicDependencies": {
-          "throwOnError": true
-        },
-        "detectDuplicateDependencies": {
-          "throwOnError": false
-        },
-        "typescriptValidation": false
-      }
-    ],
     "capabilities": [
       "core",
       "react",

apps/E2E/package.json

@@ -1,8 +1,4 @@
-import {
-  HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
-  ACTIVITY_INDICATOR_TESTPAGE,
-  ACTIVITY_INDICATOR_TEST_COMPONENT,
-} from '../../../../fluent-tester/src/TestComponents/ActivityIndicator/consts';
+import { HOMEPAGE_ACTIVITY_INDICATOR_BUTTON, ACTIVITY_INDICATOR_TESTPAGE, ACTIVITY_INDICATOR_TEST_COMPONENT } from '../consts';
 import { BasePage, By } from '../../common/BasePage';
 
 class ActivityIndicatorPageObject extends BasePage {

apps/fluent-tester/src/TestComponents/ActivityIndicator/consts.ts renamed to apps/E2E/src/ActivityIndicator/consts.ts

@@ -3,7 +3,7 @@ import {
   HOMEPAGE_AVATAR_BUTTON,
   AVATAR_TEST_COMPONENT,
   AVATAR_SECONDARY_TEST_COMPONENT,
-} from '../../../../fluent-tester/src/TestComponents/Avatar/consts';
+} from '../consts';
 import { BasePage, By } from '../../common/BasePage';
 
 export const enum AvatarComponentSelector {

apps/E2E/src/ActivityIndicator/pages/ActivityIndicatorPageObject.ts

@@ -10,7 +10,7 @@ import {
   ACCESSIBILITY_ROLE_ATTRIBUTE,
   ACCESSIBILITY_ROLE_IMAGE,
   ACCESSIBILITY_ROLE_LINK,
-} from '../../../../fluent-tester/src/TestComponents/Avatar/consts';
+} from '../consts';
 
 // Before testing begins, allow up to 60 seconds for app to open
 describe('Avatar Testing Initialization', function () {