Add E2E Testing Variable (#3620)

* Adding resolutions to specific packages with security vulnerabilities

* Remove

* Adding whitespace

* Revert

* Removing unused file

* Adding global var

* Adding native var

* Revert changes

* Change files

Author: samuelfreiberg

apps/E2E/src/ContextualMenu/specs/ContextualMenu.spec.win.ts

@@ -23,8 +23,6 @@ describe('ContextualMenu Functional Tests', () => {
   /* Scrolls and waits for the ContextualMenu to be visible on the Test Page */
   beforeEach(async () => {
     await ContextualMenuPageObject.scrollToTestElement(await ContextualMenuPageObject._contextualMenu);
-
-    await ContextualMenuPageObject.closeContextualMenu(); // Reset ContextualMenu state for next test
   });
 
   it('Click on ContextualMenu Button. Validate that the menu opens by checking if its items are displayed.', async () => {

apps/E2E/src/common/BasePage.ts

@@ -16,6 +16,8 @@ import {
 const DUMMY_CHAR = '';
 // The E2ETEST_PLATFORM environment variable should be set in the beforeSession hook in the wdio.conf file for the respective platform
 const PLATFORM = process.env['E2ETEST_PLATFORM'] as Platform;
+// NATIVE_TESTING should be set to true when testing natively. Should be false when testing in the FURN repo
+const NATIVE_TESTING = process.env['NATIVE_TESTING'] == 'true';
 export const COMPONENT_SCROLL_COORDINATES = { x: -0, y: -100 }; // These are the offsets. Y is negative because we want the touch to move up (and thus it scrolls down)
 
 let rootView: WebdriverIO.Element | null = null;
@@ -384,6 +386,9 @@ export abstract class BasePage {
    * Unfortunately, afterEach() is designed for setup/teardown - not for determining if a test should fail or not.
    * */
   async didAssertPopup(): Promise<boolean> {
+    // Natively we have task libs already looking for asserts, we don't need this logic
+    if (NATIVE_TESTING) return false;
+
     /* On Android, we can't get the window handles. Instead, we check if the page is still visible.
      * In case of any error, a full page crash message is displayed and the test page is no longer accessible. */
     if (PLATFORM === 'android') {

apps/E2E/wdio.conf.win32.js

@@ -102,6 +102,7 @@ exports.config = {
   beforeSession: (/* config, capabilities, specs */) => {
     fs.mkdirSync('./errorShots', { recursive: true });
     process.env['E2ETEST_PLATFORM'] = 'win32';
+    process.env['NATIVE_TESTING'] = false;
   },
   /**
    * Gets executed before test execution begins. At this point you can access to all global
@@ -147,7 +148,7 @@ exports.config = {
    */
   afterTest: async (test, context, results) => {
     const resultString = results.passed ? 'Passed' : 'Failed';
-    console.log(`\nTest Case: "${test.description}".\nResult: "${resultString}".\nDuration: "${(results.duration/600).toFixed(2)}s". \n`);
+    console.log(`\nTest Case: "${test.description}".\nResult: "${resultString}".\nDuration: "${(results.duration / 600).toFixed(2)}s". \n`);
 
     // if test passed, ignore, else take and save screenshot. Unless it's the first test that boots the app,
     // it may be useful to have a screenshot of the app on load.

change/@fluentui-react-native-e2e-testing-7471d7c1-05b4-4ea3-884a-1ab46b293de0.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Add env var for e2e testing",
+  "packageName": "@fluentui-react-native/e2e-testing",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}