@fluentui-react-native/tester 0.78.3 → 0.79.1

package/src/testPages.android.ts

@@ -0,0 +1,142 @@
+import { TestDescription } from './TestComponents';
+import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
+import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
+import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
+import { CheckboxTest, HOMEPAGE_CHECKBOX_BUTTON } from './TestComponents/Checkbox';
+import { ContextualMenuTest, HOMEPAGE_CONTEXTUALMENU_BUTTON } from './TestComponents/ContextualMenu';
+// import { DrawerTest, HOMEPAGE_DRAWER_BUTTON } from './TestComponents/Drawer';
+import { FocusTrapTest, HOMEPAGE_FOCUSTRAPZONE_BUTTON } from './TestComponents/FocusTrapZone';
+import { HOMEPAGE_LINK_BUTTON, LinkTest } from './TestComponents/Link';
+import { HOMEPAGE_PERSONA_BUTTON, PersonaTest } from './TestComponents/Persona';
+import { HOMEPAGE_PERSONACOIN_BUTTON, PersonaCoinTest } from './TestComponents/PersonaCoin';
+import { HOMEPAGE_PRESSABLE_BUTTON, PressableTest } from './TestComponents/Pressable';
+import { HOMEPAGE_RADIOGROUP_BUTTON, RadioGroupTest } from './TestComponents/RadioGroup';
+import { HOMEPAGE_SEPARATOR_BUTTON, SeparatorTest } from './TestComponents/Separator';
+import { HOMEPAGE_SHIMMER_BUTTON, ShimmerTest } from './TestComponents/Shimmer';
+import { HOMEPAGE_SVG_BUTTON, SvgTest } from './TestComponents/Svg';
+import { HOMEPAGE_TEXT_BUTTON, TextTest } from './TestComponents/Text';
+import { HOMEPAGE_THEME_BUTTON, ThemeTest } from './TestComponents/Theme';
+import { HOMEPAGE_ICON_BUTTON, IconTest } from './TestComponents/Icon';
+import { ActivityIndicatorTest, HOMEPAGE_ACTIVITY_INDICATOR_BUTTON } from './TestComponents/ActivityIndicator';
+import { HOMEPAGE_TOKEN_BUTTON, TokenTest } from './TestComponents/Tokens';
+import { ExperimentalCheckboxTest, HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON } from './TestComponents/CheckboxExperimental';
+import { TextExperimentalTest, HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON } from './TestComponents/TextExperimental';
+
+export const tests: TestDescription[] = [
+  {
+    name: 'ActivityIndicator Test',
+    component: ActivityIndicatorTest,
+    testPage: HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
+  },
+  {
+    name: 'Avatar Test',
+    component: AvatarTest,
+    testPage: HOMEPAGE_AVATAR_BUTTON,
+  },
+  {
+    name: 'Badge Test',
+    component: BadgeTest,
+    testPage: HOMEPAGE_BADGE,
+  },
+  {
+    name: 'Button Test',
+    component: ButtonTest,
+    testPage: HOMEPAGE_BUTTON_BUTTON,
+  },
+  {
+    name: 'Callout Test',
+    component: CalloutTest,
+    testPage: HOMEPAGE_CALLOUT_BUTTON,
+  },
+  {
+    name: 'ContextualMenu Test',
+    component: ContextualMenuTest,
+    testPage: HOMEPAGE_CONTEXTUALMENU_BUTTON,
+  },
+  // {
+  //   name: 'Drawer Test',
+  //   component: DrawerTest,
+  //   testPage: HOMEPAGE_DRAWER_BUTTON,
+  // },
+  {
+    name: 'Focus Trap Zone Test',
+    component: FocusTrapTest,
+    testPage: HOMEPAGE_FOCUSTRAPZONE_BUTTON,
+  },
+  {
+    name: 'Pressable Test',
+    component: PressableTest,
+    testPage: HOMEPAGE_PRESSABLE_BUTTON,
+  },
+  {
+    name: 'Link Test',
+    component: LinkTest,
+    testPage: HOMEPAGE_LINK_BUTTON,
+  },
+  {
+    name: 'Separator Test',
+    component: SeparatorTest,
+    testPage: HOMEPAGE_SEPARATOR_BUTTON,
+  },
+  {
+    name: 'Shimmer Test',
+    component: ShimmerTest,
+    testPage: HOMEPAGE_SHIMMER_BUTTON,
+  },
+  {
+    name: 'Text Test',
+    component: TextTest,
+    testPage: HOMEPAGE_TEXT_BUTTON,
+  },
+  {
+    name: 'Experimental Text Test',
+    component: TextExperimentalTest,
+    testPage: HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON,
+  },
+  {
+    name: 'Theme Test',
+    component: ThemeTest,
+    testPage: HOMEPAGE_THEME_BUTTON,
+  },
+  {
+    name: 'PersonaCoin Test',
+    component: PersonaCoinTest,
+    testPage: HOMEPAGE_PERSONACOIN_BUTTON,
+  },
+  {
+    name: 'RadioGroup Test',
+    component: RadioGroupTest,
+    testPage: HOMEPAGE_RADIOGROUP_BUTTON,
+  },
+  {
+    name: 'Persona Test',
+    component: PersonaTest,
+    testPage: HOMEPAGE_PERSONA_BUTTON,
+  },
+  {
+    name: 'Checkbox Test',
+    component: CheckboxTest,
+    testPage: HOMEPAGE_CHECKBOX_BUTTON,
+  },
+  {
+    name: 'Experimental Checkbox',
+    component: ExperimentalCheckboxTest,
+    testPage: HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON,
+  },
+  {
+    name: 'Svg Test',
+    component: SvgTest,
+    testPage: HOMEPAGE_SVG_BUTTON,
+  },
+  {
+    name: 'Icon Test',
+    component: IconTest,
+    testPage: HOMEPAGE_ICON_BUTTON,
+  },
+  {
+    name: 'Tokens Test',
+    component: TokenTest,
+    testPage: HOMEPAGE_TOKEN_BUTTON,
+  },
+];

package/src/testPages.windows.ts

@@ -0,0 +1,106 @@
+import { AvatarTest, HOMEPAGE_AVATAR_BUTTON } from './TestComponents/Avatar';
+import { ButtonTest, HOMEPAGE_BUTTON_BUTTON } from './TestComponents/Button';
+import { BadgeTest, HOMEPAGE_BADGE } from './TestComponents/Badge';
+import { CalloutTest, HOMEPAGE_CALLOUT_BUTTON } from './TestComponents/Callout';
+import { CheckboxTest, HOMEPAGE_CHECKBOX_BUTTON } from './TestComponents/Checkbox';
+// import { HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON, ExperimentalCheckboxTest } from './TestComponents/CheckboxExperimental';
+import { HOMEPAGE_LINK_BUTTON, LinkTest } from './TestComponents/Link';
+import { HOMEPAGE_PERSONA_BUTTON, PersonaTest } from './TestComponents/Persona';
+import { HOMEPAGE_PERSONACOIN_BUTTON, PersonaCoinTest } from './TestComponents/PersonaCoin';
+import { HOMEPAGE_PRESSABLE_BUTTON, PressableTest } from './TestComponents/Pressable';
+import { HOMEPAGE_SEPARATOR_BUTTON, SeparatorTest } from './TestComponents/Separator';
+import { HOMEPAGE_TEXT_BUTTON, TextTest } from './TestComponents/Text';
+import { HOMEPAGE_THEME_BUTTON, ThemeTest } from './TestComponents/Theme';
+import { HOMEPAGE_TABS_BUTTON, TabsTest } from './TestComponents/Tabs';
+import { HOMEPAGE_EXPERIMENTAL_TABS_BUTTON, ExperimentalTabsTest } from './TestComponents/TabsExperimental';
+import { HOMEPAGE_TOKEN_BUTTON, TokenTest } from './TestComponents/Tokens';
+import { HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON, TextExperimentalTest } from './TestComponents/TextExperimental';
+import { ActivityIndicatorTest, HOMEPAGE_ACTIVITY_INDICATOR_BUTTON } from './TestComponents/ActivityIndicator';
+
+export const tests = [
+  {
+    name: 'ActivityIndicator Test',
+    component: ActivityIndicatorTest,
+    testPage: HOMEPAGE_ACTIVITY_INDICATOR_BUTTON,
+  },
+  {
+    name: 'Avatar Test',
+    component: AvatarTest,
+    testPage: HOMEPAGE_AVATAR_BUTTON,
+  },
+  {
+    name: 'Badge Test',
+    component: BadgeTest,
+    testPage: HOMEPAGE_BADGE,
+  },
+  {
+    name: 'Button Test',
+    component: ButtonTest,
+    testPage: HOMEPAGE_BUTTON_BUTTON,
+  },
+  {
+    name: 'Callout Test',
+    component: CalloutTest,
+    testPage: HOMEPAGE_CALLOUT_BUTTON,
+  },
+  {
+    name: 'Pressable Test',
+    component: PressableTest,
+    testPage: HOMEPAGE_PRESSABLE_BUTTON,
+  },
+  { name: 'Link Test', component: LinkTest, testPage: HOMEPAGE_LINK_BUTTON },
+  {
+    name: 'Separator Test',
+    component: SeparatorTest,
+    testPage: HOMEPAGE_SEPARATOR_BUTTON,
+  },
+  { name: 'Text Test', component: TextTest, testPage: HOMEPAGE_TEXT_BUTTON },
+  {
+    name: 'Experimental Text Test',
+    component: TextExperimentalTest,
+    testPage: HOMEPAGE_EXPERIMENTAL_TEXT_BUTTON,
+  },
+  { name: 'Theme Test', component: ThemeTest, testPage: HOMEPAGE_THEME_BUTTON },
+  {
+    name: 'PersonaCoin Test',
+    component: PersonaCoinTest,
+    testPage: HOMEPAGE_PERSONACOIN_BUTTON,
+  },
+  {
+    name: 'Persona Test',
+    component: PersonaTest,
+    testPage: HOMEPAGE_PERSONA_BUTTON,
+  },
+  {
+    name: 'Checkbox Test',
+    component: CheckboxTest,
+    testPage: HOMEPAGE_CHECKBOX_BUTTON,
+  },
+  // GH#935: Temporarily disabling while SVGs don't work in windows
+  // {
+  //   name: 'Experimental Checkbox',
+  //   component: ExperimentalCheckboxTest,
+  //   testPage: HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON,
+  // },
+  {
+    name: 'Tabs Test',
+    component: TabsTest,
+    testPage: HOMEPAGE_TABS_BUTTON,
+  },
+  {
+    name: 'Experimental Tabs Test',
+    component: ExperimentalTabsTest,
+    testPage: HOMEPAGE_EXPERIMENTAL_TABS_BUTTON,
+  },
+  {
+    name: 'Tokens Test',
+    component: TokenTest,
+    testPage: HOMEPAGE_TOKEN_BUTTON,
+  },
+  // GH##1027 Temporarily disabling while the test doesn't load
+  // {
+  //   name: 'Expander Test',
+  //   component: ExpanderTest,
+  //   testPage: HOMEPAGE_EXPANDER_BUTTON,
+  // },
+];

package/wdio.conf.macos.js

@@ -0,0 +1,205 @@
+const fs = require('fs');
+
+const defaultWaitForTimeout = 20000;
+const defaultConnectionRetryTimeout = 20000;
+const jasmineDefaultTimeout = 45000; // 45 seconds for Jasmine test timeout
+
+exports.config = {
+  runner: 'local', // Where should your test be launched
+  specs: ['src/E2E/**/specs/*.macos.ts'],
+  exclude: [
+    /* 'path/to/excluded/files' */
+  ],
+
+  maxInstances: 30,
+  capabilities: [
+    {
+      maxInstances: 1, // Maximum number of total parallel running workers.
+      platformName: 'mac',
+      automationName: 'Mac2',
+      bundleId: 'com.microsoft.ReactTestApp',
+    },
+  ],
+
+  /*
+   ** ===================
+   ** Test Configurations
+   ** ===================
+   ** Define all options that are relevant for the WebdriverIO instance here
+   */
+
+  logLevel: 'info', // Level of logging verbosity: trace | debug | info | warn | error | silent
+
+  // If you only want to run your tests until a specific amount of tests have failed use bail (default is 0 - don't bail, run all tests).
+  bail: 0,
+  waitforTimeout: defaultWaitForTimeout, // Default timeout for all waitForXXX commands.
+  connectionRetryTimeout: defaultConnectionRetryTimeout, // Timeout for any WebDriver request to a driver or grid.
+  connectionRetryCount: 3, // Maximum count of request retries to the Selenium server.
+
+  port: 4723, // default appium port
+  services: [
+    [
+      'appium',
+      {
+        logPath: './reports/',
+      },
+    ],
+  ],
+
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    defaultTimeoutInterval: jasmineDefaultTimeout,
+  },
+
+  // The number of times to retry the entire specfile when it fails as a whole.
+  // Adding an extra retry will hopefully reduce the risk of engineers seeing a false-negative
+  specFileRetries: 3,
+
+  reporters: ['spec'],
+
+  /*
+   ** ===================
+   ** Hooks
+   ** ===================
+   ** WebdriverIO provides several hooks you can use to interfere with the test process in order to enhance
+   ** it and to build services around it. You can either apply a single function or an array of
+   ** methods to it. If one of them returns with a promise, WebdriverIO will wait until that promise got
+   ** resolved to continue.
+   */
+  /**
+   * Gets executed once before all workers get launched.
+   * @param {Object} config wdio configuration object
+   * @param {Array.<Object>} capabilities list of capabilities details
+   */
+  //onPrepare: function (config, capabilities) {},
+  /**
+   * Gets executed before a worker process is spawned and can be used to initialise specific service
+   * for that worker as well as modify runtime environments in an async fashion.
+   * @param  {String} cid      capability id (e.g 0-0)
+   * @param  {[type]} caps     object containing capabilities for session that will be spawn in the worker
+   * @param  {[type]} specs    specs to be run in the worker process
+   * @param  {[type]} args     object that will be merged with the main configuration once worker is initialised
+   * @param  {[type]} execArgv list of string arguments passed to the worker process
+   */
+  // onWorkerStart: function (cid, caps, specs, args, execArgv) {
+  // },
+  /**
+   * Gets executed just before initialising the webdriver session and test framework. It allows you
+   * to manipulate configurations depending on the capability or spec.
+   * @param {Object} config wdio configuration object
+   * @param {Array.<Object>} capabilities list of capabilities details
+   * @param {Array.<String>} specs List of spec file paths that are to be run
+   */
+  beforeSession: function (/*config, capabilities, specs*/) {
+    fs.mkdirSync('./errorShots', { recursive: true });
+  },
+  /**
+   * Gets executed before test execution begins. At this point you can access to all global
+   * variables like `browser`. It is the perfect place to define custom commands.
+   * @param {Array.<Object>} capabilities list of capabilities details
+   * @param {Array.<String>} specs List of spec file paths that are to be run
+   */
+  before: function () {
+    require('ts-node').register({ files: true });
+  },
+  /**
+   * Runs before a WebdriverIO command gets executed.
+   * @param {String} commandName hook command name
+   * @param {Array} args arguments that command would receive
+   */
+  // beforeCommand: function (commandName, args) {
+  // },
+  /**
+   * Hook that gets executed before the suite starts
+   * @param {Object} suite suite details
+   */
+  // beforeSuite: function (suite) {
+  // },
+  /**
+   * Function to be executed before a test (in Mocha/Jasmine) starts.
+   */
+  // beforeTest: function (test, context) {
+  // },
+  /**
+   * Hook that gets executed _before_ a hook within the suite starts (e.g. runs before calling
+   * beforeEach in Mocha)
+   */
+  // beforeHook: function (test, context) {
+  // },
+  /**
+   * Hook that gets executed _after_ a hook within the suite starts (e.g. runs after calling
+   * afterEach in Mocha)
+   */
+  // afterHook: function (test, context, { error, result, duration, passed, retries }) {
+  // },
+  /**
+   * Function to be executed after a test (in Mocha/Jasmine).
+   */
+  afterTest: function (test, context, results) {
+    // 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.
+    if (results.passed) {
+      return;
+    }
+
+    // get current test title and clean it, to use it as file name
+    const fileName = encodeURIComponent(test.description.replace(/\s+/g, '-'));
+
+    // build file path
+    const filePath = './errorShots/' + fileName + '.png';
+
+    // save screenshot
+    browser.saveScreenshot(filePath);
+  },
+
+  /**
+   * Hook that gets executed after the suite has ended
+   * @param {Object} suite suite details
+   */
+  // afterSuite: function (suite) {
+  // },
+  /**
+   * Runs after a WebdriverIO command gets executed
+   * @param {String} commandName hook command name
+   * @param {Array} args arguments that command would receive
+   * @param {Number} result 0 - command success, 1 - command error
+   * @param {Object} error error object if any
+   */
+  // afterCommand: function (commandName, args, result, error) {
+  // },
+  /**
+   * Gets executed after all tests are done. You still have access to all global variables from
+   * the test.
+   * @param {Number} result 0 - test pass, 1 - test fail
+   * @param {Array.<Object>} capabilities list of capabilities details
+   * @param {Array.<String>} specs List of spec file paths that ran
+   */
+  // after: function (result, capabilities, specs) {
+  // },
+  /**
+   * Gets executed right after terminating the webdriver session.
+   * @param {Object} config wdio configuration object
+   * @param {Array.<Object>} capabilities list of capabilities details
+   * @param {Array.<String>} specs List of spec file paths that ran
+   */
+  // afterSession: function (config, capabilities, specs) {
+  // },
+  /**
+   * Gets executed after all workers got shut down and the process is about to exit. An error
+   * thrown in the onComplete hook will result in the test run failing.
+   * @param {Object} exitCode 0 - success, 1 - fail
+   * @param {Object} config wdio configuration object
+   * @param {Array.<Object>} capabilities list of capabilities details
+   * @param {<Object>} results object containing test results
+   */
+  onComplete: function (exitCode, config, capabilities, results) {
+    //console.log('<<< TESTING FINISHED >>>');
+  },
+  /**
+   * Gets executed when a refresh happens.
+   * @param {String} oldSessionId session ID of the old session
+   * @param {String} newSessionId session ID of the new session
+   */
+  //onReload: function(oldSessionId, newSessionId) {
+  //}
+};