Merge branch 'develop' into WV-312-replace-placeholder-avatar-with-ca…

…ndidate-initials

.storybook/main.js

@@ -1,10 +1,9 @@
 /** @type { import('@storybook/react-webpack5').StorybookConfig } */
 const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: ['../src/js/common/stories/**/*.mdx', '../src/js/common/stories/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
     "@storybook/addon-interactions",
   ],
   framework: {
@@ -19,4 +18,4 @@ const config = {
     autodocs: "tag",
   },
 };
-export default config;
+export default config;

docs/testing/README_TESTING.md

@@ -58,6 +58,31 @@ To run any tests in [the `specs` directory](../../tests/browserstack_automation/
 
 When the test finishes, you should be able to see the video of browser tests on the BrowserStack Automate dashboard and video of the mobile apps on BrowserStack App Automate.
 
+
+**Local Testing:**
+
+To run any tests locally (For example, if you've added ID for an element and updated the corresponding page object file to use this new ID as the selector), you can run the test via BrowserStack on your locally hosted version of the WebApp as below:
+
+(WebAppEnv) $ npm run wdio-local
+
+[this will use the config file wdio.config.local.js which specifies that we are using browserstackLocal: true, instead of the regular file wdio.config.js]
+
+Note: Update the 'WEB_APP_ROOT_URL' in the browserstack.config.js before triggering the test. i.e. URL where your local version of the WebApp is running.
+
+**Additional useful options to run the tests**:
+
+Execute test for one specific spec file:
+
+(WebAppEnv) $ npm run wdio -- --spec [specs_dir_path]/[spec].js
+
+(WebAppEnv) $ npm run wdio-local -- --spec [specs_dir_path]/[spec].js
+
+Execute test for one specific test case within a spec file:
+
+(WebAppEnv) $ npm run wdio -- --spec [specs_dir_path]/[spec].js --mochaOpts.grep <test_name>
+
+(WebAppEnv) $ npm run wdio-local -- --spec [specs_dir_path]/[spec].js --mochaOpts.grep <test_name>
+
 ---
 
 [Go back to Readme Home](../../README.md)

package.json

@@ -14,6 +14,7 @@
   "scripts": {
     "wdio:setup": "node tests/browserstack_automation/buildMobileCapabilities.js",
     "wdio": "wdio ./tests/browserstack_automation/config/wdio.config.js",
+    "wdio-local": "wdio ./tests/browserstack_automation/config/wdio.config.local.js",
     "build": "node node/buildDateFile.js && npm run build-storybook && PRODUCTION=1 && MINIMIZED=1 webpack --mode production",
     "buildCordova": "node node/buildDateFile.js && node node/buildSrcCordova && CORDOVA=1 && webpack --mode development && node node/logCompileDate.js",
     "buildCordovaAndLinks": "node node/buildDateFile.js && node node/buildSrcCordova && CORDOVA=1 && webpack --mode development && node node/buildSymLinksRemote.js && bash ./node/unSymLinkIOS.sh && node node/logCompileDate.js",