feat: add new selenium e2e tests and new UI lab pages (ExperienceShowcase, FlakyLab, PostLab) with styles

Author: pushkarbw

client/.env.browserstack.example

@@ -1,7 +1,7 @@
 # BrowserStack Credentials
 # Get these from https://www.browserstack.com/accounts/settings
-BROWSERSTACK_USERNAME=your_username_here
-BROWSERSTACK_ACCESS_KEY=your_access_key_here
+BROWSERSTACK_USERNAME=pushkarkumar_9aSspu
+BROWSERSTACK_ACCESS_KEY=EwmbzdpW3HXzk4VLJCzB
 
 # Optional: Set build information
 BUILD_NUMBER=1

client/.env.example

@@ -1,6 +1,6 @@
 # React App Configuration
 REACT_APP_API_URL=http://localhost:5010/api
-REACT_APP_APP_NAME=E-Commerce Store
+REACT_APP_APP_NAME=E-Commerce_Store
 
 # Feature Flags
 REACT_APP_ENABLE_ANALYTICS=false

client/TEST_COMMENTS_SUMMARY.md

@@ -1408,4 +1408,68 @@ This section documents the intentional bugs implemented for targeted 9ABF testin
 - **Verification**: Tests validate that bugs are properly triggered and detectable
 - **Coverage**: Bugs span checkout flow, cart management, authentication, and validation
 
-This targeted bug implementation allows for surgical testing of specific failure scenarios while maintaining normal application functionality for regular users and test suites.
+This targeted bug implementation allows for surgical testing of specific failure scenarios while maintaining normal application functionality for regular users and test suites.
+
+
+### To fail the New flaky tests on second attmept , do the following changes: (file path : e2e/07-new/NFT-*.js)
+
+Make them fail on the second run (product change set)
+
+Apply these small changes to FlakyLab.jsx to introduce realistic product regressions. Run the same tests again—they will now fail for clear product reasons.
+
+Filter regression
+
+Original: products.filter(p => (showDiscountedOnly ? p.discounted : true))
+
+Change to: products.filter(p => (showDiscountedOnly ? !p.discounted : true))
+
+Shortlist badge regression
+
+In the shortlist click handler, replace:
+
+sessionStorage.setItem('shortlistCount', String(n));
+
+
+With:
+
+sessionStorage.setItem('favCount', String(n));
+
+
+The badge still reads shortlistCount, so it doesn’t update.
+
+Sorting regression
+
+Replace numeric compare:
+
+return [...filtered].sort((a, b) => a.price - b.price);
+
+
+With a string compare on formatted numbers:
+
+return [...filtered].sort((a, b) => String(a.price.toFixed(2)).localeCompare(String(b.price.toFixed(2))));
+
+
+Coupon total target regression
+
+Change the rendered span from:
+
+<span data-testid="order-total">Total: ${total.toFixed(2)}</span>
+
+
+To:
+
+<span data-testid="grand-total">Total: ${total.toFixed(2)}</span>
+
+
+Leave the tests reading order-total, which no longer updates.
+
+Tab panel hook-up regression
+
+Change the pickup panel’s test id:
+
+data-testid="panel-pickup"
+
+
+To:
+
+data-testid="pickup-panel"

client/browserstack.err

@@ -0,0 +1 @@
+[object Object]

client/browserstack.json

@@ -1,7 +1,7 @@
 {
     "auth": {
-        "username": "username",
-        "access_key": "access_key"
+        "username": "pushkarkumar_9aSspu",
+        "access_key": "EwmbzdpW3HXzk4VLJCzB"
     },
     "browsers": [
         {

client/browserstack.yml

@@ -3,8 +3,8 @@
 # =============================
 # Add your BrowserStack userName and accessKey here or set BROWSERSTACK_USERNAME and
 # BROWSERSTACK_ACCESS_KEY as env variables
-userName: 'username'
-accessKey: 'accesskey'
+userName: 'pushkarkumar_9aSspu'
+accessKey: 'EwmbzdpW3HXzk4VLJCzB'
 
 # ======================
 # BrowserStack Reporting

client/log/events.json

@@ -0,0 +1 @@
+{"measures":[{"name":"sdk:pre-test","entryType":"measure","startTime":80418.527167,"duration":458.2216250000056,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0},{"name":"sdk:automate:keep-alive","entryType":"measure","startTime":80419.869167,"duration":0.3175409999967087,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0},{"name":"sdk:hook","entryType":"measure","startTime":80906.639167,"duration":0.13504100000136532,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"hookType":"beforeAll"},{"name":"sdk:hook","entryType":"measure","startTime":80906.639167,"duration":10.814165999996476,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test","hookType":"beforeEach"},{"name":"sdk:driver:pre-initialization","entryType":"measure","startTime":80925.649667,"duration":1.617499999993015,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:driver:post-initialization","entryType":"measure","startTime":80929.496708,"duration":11.744458999994094,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":1819.0538750000123,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":2372.404500000004,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":4382.786458000002,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":6908.797875000004,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":8470.728333000006,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":10422.499792000002,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":12399.014500000005,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":14402.02016700001,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":16417.36604200001,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":18410.880000000005,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":20400.09425000001,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":22383.868292000014,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":24580.922750000012,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:hook","entryType":"measure","startTime":80906.639167,"duration":26984.160124999995,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test","hookType":"afterEach"},{"name":"sdk:automate:session-name","entryType":"measure","startTime":107890.494667,"duration":1301.2329579999932,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:automate:session-status","entryType":"measure","startTime":109191.865625,"duration":86.56479199999012,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":26392.847375000012,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:o11y:sync","entryType":"measure","startTime":109280.285,"duration":87.81479199999012,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:automate:session-status","entryType":"measure","startTime":109191.865625,"duration":770.5795419999922,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":28528.07645800001,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:hook","entryType":"measure","startTime":80906.639167,"duration":31416.861625000005,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test","hookType":"afterAll"},{"name":"request:https://collector-observability.browserstack.com/api/v1/batch","entryType":"measure","startTime":82918.53325,"duration":30406.23829200001,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:post-test","entryType":"measure","startTime":113325.397875,"duration":0.4485830000048736,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:automate:idle-timeout","entryType":"measure","startTime":113325.682208,"duration":0.11200000000826549,"detail":null,"success":true,"failure":null,"worker":"27368-1","platform":0,"testName":"WH-20 - WH-20 Test"},{"name":"sdk:proxy-setup","entryType":"measure","startTime":11336.232417,"duration":0.204583000000639,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:automate:keep-alive","entryType":"measure","startTime":11338.136375,"duration":0.18320800000037707,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:automate:local-start","entryType":"measure","startTime":11338.561375,"duration":52057.127083,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://hub.browserstack.com/next_hubs","entryType":"measure","startTime":63465.211208,"duration":434.24437500000204,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://api.browserstack.com/sdk/v1/event","entryType":"measure","startTime":11335.278292,"duration":52781.238625,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://hub-aps.browserstack.com/check","entryType":"measure","startTime":63900.478083,"duration":328.39970899999753,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://hub-apse.browserstack.com/check","entryType":"measure","startTime":63900.903,"duration":1041.7394170000043,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:automate:hub-management","entryType":"measure","startTime":63463.652792,"duration":1768.880124999996,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://hub-euw.browserstack.com/check","entryType":"measure","startTime":63900.577333,"duration":1330.8624169999966,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:setup","entryType":"measure","startTime":11103.866792,"duration":56247.303833,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:testhub:start","entryType":"measure","startTime":65233.955333,"duration":2089.3025839999973,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://collector-observability.browserstack.com/api/v2/builds","entryType":"measure","startTime":65257.979792,"duration":2060.239916000006,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:testhub:stop","entryType":"measure","startTime":114836.067417,"duration":507.95216600000276,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://collector-observability.browserstack.com/api/v1/builds/nuedimyk28em0tbk4eumjejiisby7sauilcd3mer/stop","entryType":"measure","startTime":114839.506917,"duration":484.5536659999925,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:automate:print-buildlink","entryType":"measure","startTime":115398.928167,"duration":719.8343749999913,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://api.browserstack.com/automate/builds.json","entryType":"measure","startTime":115408.303917,"duration":708.9681249999994,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://api.browserstack.com/sdk/v1/event","entryType":"measure","startTime":11335.278292,"duration":105291.31812499999,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"request:https://upload-observability.browserstack.com/client-logs/upload","entryType":"measure","startTime":116662.212583,"duration":2798.4211249999935,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:auto-capture","entryType":"measure","startTime":116628.0835,"duration":2834.5879580000037,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:o11y:print-buildlink","entryType":"measure","startTime":119468.565875,"duration":1.1998750000057044,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:cleanup","entryType":"measure","startTime":67351.568083,"duration":57215.15945899999,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:testhub:stop","entryType":"measure","startTime":114836.067417,"duration":9729.705375000005,"detail":null,"success":true,"failure":null,"worker":"27368-0"},{"name":"sdk:automate:local-stop","entryType":"measure","startTime":119852.863375,"duration":4711.135292000006,"detail":null,"success":true,"failure":null,"worker":"27368-0"}],"exceptions":[],"sdkRunId":"eaebdd69-3cee-4440-b203-118573bc6b95"}