Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use waitForEvents method in storybook-root

Best JavaScript code snippet using storybook-root

connectivityTest.js

Source:connectivityTest.js

...29        test : [function(component) {30                // we assume we start connected31                $A.test.assertTrue($A.clientService.isConnected());32                component.sendRequest();33                this.waitForEvents("SUCCESS")34            }, function(component) {35                this.sendAndWaitForSuccessfulRequest();36            }, function(component) {37            	// We received a status change after a successful request, assert that the current status is SUCCESS:38            	this.assertActionStatus("SUCCESS");39                $A.test.assertEquals("SUCCESS", component.get("v.eventsFired"));40                // ensure we still think we're connected41                $A.test.assertTrue($A.clientService.isConnected());42            }]43    },44    /**45     * Calling server action on unknown host throws connectionLost event.46     */47    testConnectionLost : {48        test : [function(component) {49                component.sendRequest();50                this.waitForEvents("SUCCESS");51            }, function(component) {52                this.sendAndWaitForFailedRequest();53            }, function(component) {54            	// We received a status change after a failed request, assert that the current status is INCOMPLETE:55            	this.assertActionStatus("INCOMPLETE");56                $A.test.assertEquals("SUCCESS connectionLost", $A.util.trim(component.get("v.eventsFired")));57                $A.test.assertFalse($A.clientService.isConnected());58                this.tryToConnect();59                // Wait for any status change:60                this.waitForActionStatusChange();61            }, function(component) {62                // connectionLost event is not repeated63                $A.test.assertEquals("SUCCESS connectionLost", $A.util.trim(component.get("v.eventsFired")));64                // still offline65                $A.test.assertFalse($A.clientService.isConnected());66            }]67    },68    /**69     * Test setting connected true while connected does not generate connectionResume event.70     */71    testSetConnectedTrueWhenConnected : {72        test : [function(component) {73                // we assume we start connected74                $A.test.assertTrue($A.clientService.isConnected());75                component.sendRequest();76                this.waitForEvents("SUCCESS");77            }, function(component) {78            	// set connected to true should not affect the connected state:79                component.find("setConnectedTrueButton").get("e.press").fire();80                $A.test.assertTrue($A.clientService.isConnected());81                this.sendAndWaitForSuccessfulRequest();82            }, function(component) {83            	// We received a status change after a successful request, assert that the current status is SUCCESS:84            	this.assertActionStatus("SUCCESS");85                // There should be no events beside the layout change since we started connected:86                $A.test.assertEquals("SUCCESS", $A.util.trim(component.get("v.eventsFired")));87                $A.test.assertTrue($A.clientService.isConnected());88            }]89    },90    /**91     * Test calling setConnected(true) after setConnected(false) should fire an event and vice versa.92     */93    testSetConnectedTrueAfterDisconnect : {94        test : [function(component) {95                // we assume we start connected96                $A.test.assertTrue($A.clientService.isConnected());97                component.sendRequest();98                this.waitForEvents("SUCCESS");99             }, function(component) {100                component.find("setConnectedFalseButton").get("e.press").fire();101                this.waitForEvents("SUCCESS connectionLost")102             }, function(component) {103            	component.find("setConnectedTrueButton").get("e.press").fire();104                this.waitForEvents("SUCCESS connectionLost connectionResumed");105             }]106    },107    /**108     * Test setting connected true after reconnecting does not generate connectionResumed event.109     */110    testSetConnectedTrueAfterReconnect : {111        test : [function(component) {112                // we assume we start connected113                $A.test.assertTrue($A.clientService.isConnected());114                component.sendRequest();115                this.waitForEvents("SUCCESS");116            }, function(component) {117                component.find("setConnectedFalseButton").get("e.press").fire();118                this.waitForEvents("SUCCESS connectionLost");119            }, function(component) {120                $A.test.assertFalse($A.clientService.isConnected());121                this.sendAndWaitForFailedRequest();122            }, function(component) {123            	// We received a status change after a failed request, assert that the current status is INCOMPLETE:124            	this.assertActionStatus("INCOMPLETE");125                $A.test.assertEquals("SUCCESS connectionLost", $A.util.trim(component.get("v.eventsFired")));126                $A.test.assertFalse($A.clientService.isConnected());127                component.find("setConnectedTrueButton").get("e.press").fire();128                this.waitForEvents("SUCCESS connectionLost connectionResumed");129            }, function(component) {130            	// We have been set back to connected in the previous step:131            	$A.test.assertTrue($A.clientService.isConnected());132                this.sendAndWaitForSuccessfulRequest();133            }, function(component) {134            	// We received a status change after a successful request, assert that the current status is SUCCESS:135            	this.assertActionStatus("SUCCESS");136                // ensure there are not 2 connectionResumed events generated after invoking setConnected when137            	// and then making a successful request:138                $A.test.assertEquals("SUCCESS connectionLost connectionResumed", $A.util.trim(component.get("v.eventsFired")));139                $A.test.assertTrue($A.clientService.isConnected());140            }]141    },142    /**143     * Test setting connected false generates connectionLost event.  Subsequent actions will succeed and generate144     * connectionResumed event145     */146    testSetConnectedFalse : {147        test : [function(component) {148                // we assume we start connected149                $A.test.assertTrue($A.clientService.isConnected());150                component.sendRequest();151                this.waitForEvents("SUCCESS");152             }, function(component) {153                component.find("setConnectedFalseButton").get("e.press").fire();154                this.waitForEvents("SUCCESS connectionLost");155             }, function(component) {156                $A.test.assertFalse($A.clientService.isConnected());157                this.sendAndWaitForSuccessfulRequest();158            }, function(component) {159            	// We received a status change after a successful request, assert that the current status is SUCCESS:160            	this.assertActionStatus("SUCCESS");161                $A.test.assertEquals("SUCCESS connectionLost connectionResumed", $A.util.trim(component.get("v.eventsFired")));162                $A.test.assertTrue($A.clientService.isConnected());163            }]164    },165    /**166     * Test setting connected false after disconnect does not generate connectionLost event.167     */168    testSetConnectedFalseAfterDisconnect : {169        test : [function(component) {170                // we assume we start connected171                $A.test.assertTrue($A.clientService.isConnected());172                component.sendRequest();173                this.waitForEvents("SUCCESS");174            }, function(component) {175                this.sendAndWaitForFailedRequest();176            }, function(component) {177            	// We received a status change after a failed request, assert that the current status is INCOMPLETE:178            	this.assertActionStatus("INCOMPLETE");179                $A.test.assertEquals("SUCCESS connectionLost", $A.util.trim(component.get("v.eventsFired")));180                $A.test.assertFalse($A.clientService.isConnected());181            }, function(component) {182                component.find("setConnectedFalseButton").get("e.press").fire();183                this.waitForEvents("SUCCESS connectionLost");184            }, function(component) {185                $A.test.assertFalse($A.clientService.isConnected());186                this.sendAndWaitForSuccessfulRequest();187            }, function(component) {188            	// We received a status change after a successful request, assert that the current status is SUCCESS:189            	this.assertActionStatus("SUCCESS");190                // ensure there are not 2 connectionLost events generated before a resume191                $A.test.assertEquals("SUCCESS connectionLost connectionResumed", $A.util.trim(component.get("v.eventsFired")));192                $A.test.assertTrue($A.clientService.isConnected());193            }]194    },195    /**196     * Test setting connected false then disconnect does not generate connectionLost event.197     */198    testSetConnectedFalseThenDisconnect : {199        test : [function(component) {200                // we assume we start connected201                $A.test.assertTrue($A.clientService.isConnected());202                component.sendRequest();203                this.waitForEvents("SUCCESS");204            }, function(component) {205                component.find("setConnectedFalseButton").get("e.press").fire();206                this.waitForEvents("SUCCESS connectionLost");207            }, function(component) {208                $A.test.assertFalse($A.clientService.isConnected());209                this.sendAndWaitForFailedRequest();210            }, function(component) {211            	// We received a status change after a failed request, assert that the current status is INCOMPLETE:212            	this.assertActionStatus("INCOMPLETE");213                $A.test.assertEquals("SUCCESS connectionLost", $A.util.trim(component.get("v.eventsFired")));214                $A.test.assertFalse($A.clientService.isConnected());215            }, function(component) {216            	this.sendAndWaitForSuccessfulRequest();217            }, function(component) {218            	// We received a status change after a successful request, assert that the current status is SUCCESS:219            	this.assertActionStatus("SUCCESS");220                // ensure there are not 2 connectionLost events generated before a resume221                $A.test.assertEquals("SUCCESS connectionLost connectionResumed", $A.util.trim(component.get("v.eventsFired")));222                $A.test.assertTrue($A.clientService.isConnected());223            }]224    },225    /**226     * Calling server action succeeds after a prior connection failure.227     */228    testConnectionResumed : {229        test : [function(component) {230                component.sendRequest();231                this.waitForEvents("SUCCESS");232            }, function(component) {233                this.sendAndWaitForFailedRequest();234            }, function(component) {235            	// We received a status change after a failed request, assert that the current status is INCOMPLETE:236            	this.assertActionStatus("INCOMPLETE");237                $A.test.assertEquals("SUCCESS connectionLost", $A.util.trim(component.get("v.eventsFired")));238                $A.test.assertFalse($A.clientService.isConnected());239                this.sendAndWaitForSuccessfulRequest();240            }, function(component) {241            	// We received a status change after a successful request, assert that the current status is SUCCESS:242            	this.assertActionStatus("SUCCESS");243                $A.test.assertEquals("SUCCESS connectionLost connectionResumed", $A.util.trim(component.get("v.eventsFired")));244                $A.test.assertTrue($A.clientService.isConnected());245                this.sendAndWaitForSuccessfulRequest();...

OCSPCacheTests.ts

Source:OCSPCacheTests.ts

...66        }67    });68    return found;69}70function waitForEvents(eventName: string, eventCount: number, rejectMessage?: string, timeoutMS: number = 5000): Promise<void> {71    return WaitForPromise((): boolean => {72        return findEvent(eventName) === eventCount;73    }, rejectMessage === undefined ? eventName : rejectMessage, timeoutMS);74}75function makeRequest(disableOCSPStapling: boolean = true): Promise<void> {76    return new Promise((resolve: (value: void) => void, reject: (reason: string) => void): void => {77        const testUrl: string = "https://www.microsoft.com/";78        const agent: CertCheckAgent = new CertCheckAgent();79        const testRequest: request.Request = request({80            followRedirect: false,81            url: testUrl82        }, (error: any, response: request.Response, body: any): void => {83            if (error !== null) {84                reject(error);85            } else {86                resolve();87            }88        });89        CertCheckAgent.forceDisableOCSPStapling = disableOCSPStapling;90        testRequest.agent = agent.GetAgent();91        testRequest.end();92    });93}94// https://github.com/chromium/badssl.com/issues/47795test.skip("Test OCSP Revoked", (done: jest.DoneCallback) => {96    // tslint:disable-next-line:no-console97    console.info("Name: Test OCSP Revoked");98    const testUrl: string = "https://revoked.badssl.com/";99    const agent: CertCheckAgent = new CertCheckAgent();100    const testRequest: request.Request = request({101        followRedirect: false,102        url: testUrl103    }, (error: any, response: request.Response, body: any): void => {104        try {105            expect(error).not.toBeUndefined();106            expect(error).not.toBeNull();107            expect(error.toString()).toContain("revoked");108            done();109        } catch (ex) {110            done(ex);111        }112    });113    testRequest.agent = agent.GetAgent();114    testRequest.end();115});116test.skip("Test OCSP Staple", async (done: jest.DoneCallback) => {117    // tslint:disable-next-line:no-console118    console.info("Name: Test OCSP Staple");119    await makeRequest(false);120    await waitForEvents("OCSPStapleReceivedEvent", 1);121    await waitForEvents("OCSPResponseRetrievedEvent", 0);122    done();123});124test.skip("Test OCSP Basic", async (done: jest.DoneCallback) => {125    // tslint:disable-next-line:no-console126    console.info("Name: Test OCSP Basic");127    await makeRequest();128    await waitForEvents("OCSPResponseRetrievedEvent", 1);129    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);130    await waitForEvents("OCSPDiskCacheStoreEvent", 1);131    done();132});133test.skip("Test OCSP 2nd request mem cache hit.", async (done: jest.DoneCallback) => {134    // tslint:disable-next-line:no-console135    console.info("Name: Test OCSP 2nd request mem cache hit.");136    await makeRequest();137    await waitForEvents("OCSPResponseRetrievedEvent", 1);138    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);139    await waitForEvents("OCSPDiskCacheStoreEvent", 1);140    events = [];141    await makeRequest();142    await waitForEvents("OCSPResponseRetrievedEvent", 0);143    await waitForEvents("OCSPMemoryCacheStoreEvent", 0);144    await waitForEvents("OCSPDiskCacheStoreEvent", 0);145    await waitForEvents("OCSPDiskCacheHitEvent", 0);146    await waitForEvents("OCSPMemoryCacheHitEvent", 1);147    done();148});149test.skip("Test OCSP expirey refreshes.", async (done: jest.DoneCallback) => {150    // tslint:disable-next-line:no-console151    console.info("Name: Test OCSP expirey refreshes.");152    await makeRequest();153    await waitForEvents("OCSPResponseRetrievedEvent", 1);154    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);155    await waitForEvents("OCSPDiskCacheStoreEvent", 1);156    events = [];157    CertCheckAgent.testTimeOffset = 1000 * 60 * 60 * 24 * 7.5;158    await makeRequest();159    await waitForEvents("OCSPResponseRetrievedEvent", 1);160    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);161    await waitForEvents("OCSPDiskCacheStoreEvent", 1);162    await waitForEvents("OCSPDiskCacheHitEvent", 0);163    await waitForEvents("OCSPCacheEntryExpiredEvent", 1);164    done();165});166test.skip("Test OCSP expirey approaching refreshes.", async (done: jest.DoneCallback) => {167    // tslint:disable-next-line:no-console168    console.info("Name: Test OCSP expirey approaching  refreshes.");169    await makeRequest();170    await waitForEvents("OCSPResponseRetrievedEvent", 1);171    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);172    await waitForEvents("OCSPDiskCacheStoreEvent", 1);173    events = [];174    CertCheckAgent.testTimeOffset = 1000 * 60 * 60 * 24 * 3.5;175    await makeRequest();176    await waitForEvents("OCSPResponseRetrievedEvent", 1);177    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);178    await waitForEvents("OCSPDiskCacheStoreEvent", 1);179    await waitForEvents("OCSPCacheUpdateNeededEvent", 1);180    await waitForEvents("OCSPCacheUpdateCompleteEvent", 1);181    done();182});183test.skip("Test OCSP invalid cert refreshes.", async (done: jest.DoneCallback) => {184    // tslint:disable-next-line:no-console185    console.info("Name:  invalid cert refreshes.");186    await makeRequest();187    await waitForEvents("OCSPResponseRetrievedEvent", 1);188    await waitForEvents("OCSPMemoryCacheStoreEvent", 1);189    await waitForEvents("OCSPDiskCacheStoreEvent", 1);190    events = [];191    CertCheckAgent.forceReinitDiskCache();192    const dir: string = path.join(cacheDir, "if-you-need-to-delete-this-open-an-issue-async-disk-cache", "microsoft-cognitiveservices-speech-sdk-cache");193    fs.readdir(dir, (error: NodeJS.ErrnoException, files: string[]): void => {194        files.forEach((value: string, index: number, array: string[]): void => {195            const file: string = path.join(dir, value);196            const content: Buffer = fs.readFileSync(file);197            content.set([2], 7);198            fs.writeFileSync(file, content);199        });200    });201    await makeRequest();202    await waitForEvents("OCSPResponseRetrievedEvent", 1);203    await waitForEvents("OCSPMemoryCacheStoreEvent", 2);204    await waitForEvents("OCSPDiskCacheStoreEvent", 1);205    await waitForEvents("OCSPCacheFetchErrorEvent", 1);206    await waitForEvents("OCSPCacheMissEvent", 1);207    done();...

background-services-events.js

Source:background-services-events.js

...16  await dp.BackgroundService.onceRecordingStateChanged();17  dp.BackgroundService.setRecording({shouldRecord: false, service: 'backgroundSync'});18  await dp.BackgroundService.onceRecordingStateChanged();19}20async function waitForEvents(dp, numEvents) {21  const events = [];22  for (let i = 0; i < numEvents; i++)23    events.push(await dp.BackgroundService.onceBackgroundServiceEventReceived());24  return events.map(event => event.params.backgroundServiceEvent).map(event => {25    // Remove the `serviceWorkerRegistrationId` property since it can change.26    delete event.serviceWorkerRegistrationId;27    // Sort the metadata.28    event.eventMetadata = event.eventMetadata.sort(29        (m1, m2) => JSON.stringify(m1) < JSON.stringify(m2) ? -1 : 1);30    return event;31  });32}33(async function(testRunner) {34  var {page, session, dp} = await testRunner.startURL(35      'resources/background-services.html',36      `Tests that the expected events are received.`);37  await session.evaluateAsync('installSW()');38  await setUp(dp);39  testRunner.log('Background Fetch Success:');40  session.evaluate(`sw.backgroundFetch.fetch('my-fetch-success', 'background-fetch.txt')`);41  testRunner.log(await waitForEvents(dp, 5));42  testRunner.log('Background Fetch Failure:');43  session.evaluate(`sw.backgroundFetch.fetch('my-fetch-failure', '/missing/')`);44  testRunner.log(await waitForEvents(dp, 5));45  testRunner.log('Background Sync Success:');46  session.evaluate(`sw.sync.register('background-sync-resolve')`);47  testRunner.log(await waitForEvents(dp, 3));48  testRunner.log('Background Sync Failure:');49  session.evaluate(`sw.sync.register('background-sync-reject')`);50  testRunner.log(await waitForEvents(dp, 3));51  await tearDown(dp);52  testRunner.completeTest();...

Using AI Code Generation

1const storybookRootEl = await browser.findElement(By.css('storybook-root'));2const storybookRootElId = await storybookRootEl.getAttribute('id');3await browser.executeScript(`document.getElementById('${storybookRootElId}').waitForEvents()`);4const storybookRootEl = await browser.findElement(By.css('storybook-root'));5const storybookRootElId = await storybookRootEl.getAttribute('id');6await browser.executeScript(`document.getElementById('${storybookRootElId}').waitForEvents('click')`);7const storybookRootEl = await browser.findElement(By.css('storybook-root'));8const storybookRootElId = await storybookRootEl.getAttribute('id');9await browser.executeScript(`document.getElementById('${storybookRootElId}').waitForEvents('click')`);

Using AI Code Generation

1var storybookRoot = require('storybook-root');2var storybook = storybookRoot.getStorybook();3var story = storybook.stories[0];4var event = story.events[0];5var result = storybook.waitForEvents(event, 10000);6console.log(result);7var storybookRoot = require('storybook-root');8var storybook = storybookRoot.getStorybook();9var story = storybook.stories[0];10var event = story.events[0];11var result = storybook.waitForEvent(event, 10000);12console.log(result);13var storybookRoot = require('storybook-root');14var storybook = storybookRoot.getStorybook();15var story = storybook.stories[0];16var event = story.events[0];17var result = storybook.waitForEvent(event, 10000);18console.log(result);19var storybookRoot = require('storybook-root');20var storybook = storybookRoot.getStorybook();21var story = storybook.stories[0];22var event = story.events[0];23var result = storybook.waitForEvent(event, 10000);24console.log(result);25var storybookRoot = require('storybook-root');26var storybook = storybookRoot.getStorybook();27var story = storybook.stories[0];28var event = story.events[0];29var result = storybook.waitForEvent(event, 10000);30console.log(result);31var storybookRoot = require('storybook-root');32var storybook = storybookRoot.getStorybook();33var story = storybook.stories[0];34var event = story.events[0];35var result = storybook.waitForEvent(event, 10000);36console.log(result);37var storybookRoot = require('storybook-root');38var storybook = storybookRoot.getStorybook();39var story = storybook.stories[0];40var event = story.events[0];41var result = storybook.waitForEvent(event,

Using AI Code Generation

1const root = document.querySelector('storybook-root');2const events = root.waitForEvents('my-event');3events.then(events => {4  console.log(events);5});6const event = new CustomEvent('my-event', {7  detail: {8  }9});10this.el.dispatchEvent(event);11const root = document.querySelector('storybook-root');12const events = root.waitForEvents('my-event');13events.then(events => {14  console.log(events);15});16const iframe = document.getElementById('iframe') as HTMLIFrameElement;17const childWindow = iframe.contentWindow;18const event = new CustomEvent('my-event', {19  detail: {20  }21});22childWindow.dispatchEvent(event);23const root = document.querySelector('storybook-root');24const events = root.waitForEvents('my-event');25events.then(events => {26  console.log(events);27});28const iframe = document.getElementById('iframe') as HTMLIFrame

Using AI Code Generation

1import { waitForEvents } from "storybook-root";2waitForEvents(["test-event"]).then((event) => {3  console.log(event);4});5import { emitEvent } from "storybook-root";6emitEvent("test-event", { test: "test" });

Using AI Code Generation

1import { waitForEvents } from "@storybook/web-components";2import { html } from "lit-html";3export default {4};5export const Event = () => {6  const event = new CustomEvent("my-event", { bubbles: true, composed: true });7  const handleClick = () => {8    document.dispatchEvent(event);9  };10  return html`<button @click=${handleClick}>Click me</button>`;11};12Event.story = {13  parameters: {14    chromatic: { disable: true },15  },16};17export const EventAfter = () => {18  const event = new CustomEvent("my-event", { bubbles: true, composed: true });19  const handleClick = () => {20    document.dispatchEvent(event);21  };22  return html`<button @click=${handleClick}>Click me</button>`;23};24EventAfter.story = {25  parameters: {26    chromatic: { disable: true },27    asyncStory: async (page) => {28      await waitForEvents(page, ["my-event"]);29      const events = await page.evaluate(() => {30        return window.__STORYBOOK_STORY_STORE__.getStoryMetadata(31        ).events;32      });33      expect(events).toEqual(["my-event"]);34    },35  },36};37import { addParameters } from "@storybook/web-components";38addParameters({39  asyncStory: async (page, actions) => {40    await page.waitForTimeout(1000);41  },42});43module.exports = {44  parameters: {45    asyncStory: async (page, actions) => {46      await page.waitForTimeout(1000);47    },48  },49};50import { addParameters } from "@storybook/web-components";51addParameters({52  asyncStory: async (page, actions) => {53    await page.waitForTimeout(

Using AI Code Generation

1const { waitForEvents } = require('storybook-root');2const { get } = require('lodash');3const { stories, addons } = require('./storybook');4const { addons: { actions } } = require('@storybook/addons');5const { action } = actions;6const test = async () => {7  await addons();8  await stories();9  await waitForEvents('STORY_RENDERED');10  const story = get(window, 'storybookPreviewElement');11  const button = story.shadowRoot.querySelector('button');12  button.click();13  await waitForEvents('STORYBOOK_ACTION');14  const [actionName, args] = action.getCall(0).args;15  expect(actionName).toBe('click');16  expect(args).toEqual(['clicked']);17};18test();19import { html } from 'lit-html';20import { storiesOf } from '@storybook/web-components';21storiesOf('Button', module)22  .add('with text', () => html`23    <my-button @click=${() => action('click')('clicked')}>Hello Button</my-button>24  `);25import { configure } from '@storybook/web-components';26function loadStories() {27  require('../stories/button.stories.js');28}29configure(loadStories, module);30import { addDecorator } from '@storybook/web-components';31import { withActions } from '@storybook/addon-actions/register';32addDecorator(withActions);33import '@storybook/addon-actions/register';34waitForEvents(event, options);35| `option` | `object` | Optional. An object with the following properties: `timeout` (number), `repeat` (number), `interval` (number) |

Using AI Code Generation

1const { waitForEvents } = require('storybook-root');2const { expect } = require('chai');3describe('test', () => {4  it('should emit event', async () => {5    const result = await waitForEvents(6      () => {7      },8      {9      }10    );11    expect(result).to.be.true;12  });13});14const { EventEmitter } = require('events');15const { waitForEvents } = require('wait-for-events');16const eventEmitter = new EventEmitter();17const emitEvent = () => {18  eventEmitter.emit('event-name');19};20const waitForEvent = async (timeout, timeoutMessage, interval) => {21  await waitForEvents(22    {23    }24  );25};26module.exports = {27};28const { emitEvent, waitForEvent } = require('storybook-root');29const { expect } = require('chai');30describe('storybook-root', () => {31  it('should emit event', async () => {32    const result = await waitForEvent(33    );34    expect(result).to.be.true;35  });36});37const { emitEvent, waitForEvent } = require('storybook-root');38const { expect } = require('chai');39describe('storybook-root', () => {40  it('should emit event', async () => {41    const result = await waitForEvent(42    );43    expect(result).to.be.true;44  });45});46const { emitEvent, waitForEvent } =

Using AI Code Generation

1export function waitForEvent(eventName) {2  return new Promise((resolve, reject) => {3    window.addEventListener('message', function listener(event) {4      if (event.data.eventName === eventName) {5        window.removeEventListener('message', listener);6        resolve(event);7      }8    });9  });10}11export async function clickOnButton() {12  await waitForEvent('storybook-root-bridge:loaded');13  window.dispatchEvent(14    new CustomEvent('storybook-root-bridge:action', {15      detail: {16      },17    })18  );19}20export async function getTextFromElement() {21  await waitForEvent('storybook-root-bridge:loaded');22  return new Promise((resolve, reject) => {23    window.addEventListener('message', function listener(event) {24      if (event.data.eventName === 'storybook-root-bridge:action-response') {25        window.removeEventListener('message', listener);26        resolve(event.data.result);27      }28    });29    window.dispatchEvent(30      new CustomEvent('storybook-root-bridge:action', {31        detail: {32        },33      })34    );35  });36}37export async function getValueFromElement() {38  await waitForEvent('storybook-root-bridge:loaded');39  return new Promise((resolve, reject) => {40    window.addEventListener('message', function listener(event) {41      if (event.data.eventName === 'storybook-root-bridge:action-response') {42        window.removeEventListener('message', listener);43        resolve(event.data.result);44      }45    });

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.