Function ShowContextualBubble

  • ShowContextualBubble(ctx, selector, options): Promise<any>
  • Experimental

    Shows a floating bubble with highliter, and waits for a condition to resolve before proceeding Automatically.

    Parameters

    • ctx: Context

      The context to render to

    • selector: string

      The selector to highlight

    • options: ShowContextualBubbleOptions

      Configuration for the dialog

    Returns Promise<any>

    Example: standard

    await ShowContextualBubble(ctx,'h1', {
      content: 'This is a tooltip',
      successCondition: () => page.waitForSelector('#sc-active-cart', {timeout: 0}),
    });

    Example: with placement

    await ShowContextualBubble(ctx,'h1', {
      content: 'This is a tooltip',
      successCondition: () => page.waitForSelector('#sc-active-cart', {timeout: 0}),
      placement: 'left',
    });

Settings

Theme