Can't find elements inside the screen of an extension (left panel)

[igorgiumellizup]

Hello,

I was looking for an example in the oficial example project on how to open a VSCode extension and, on the left panel, interact with its elements.

For example, consider the Stackspot AI extension:

I want to confirm that the h1 title "Welcome to Stackspot AI" existis. So, I coded this:

import { ActivityBar, By, ViewControl, WebElementPromise } from 'vscode-extension-tester';
import assert from 'assert';

export const STACKSPOT_VIEW_NAME = "StackSpot";

async function getStackspotViewControl(): Promise<ViewControl> {
    const view = await new ActivityBar().getViewControl(STACKSPOT_VIEW_NAME);
    if (!view) {
        throw new Error(`ViewControl "${STACKSPOT_VIEW_NAME}" not found`);
    }
    return view;
}

export async function assertStackspotExIsInLoginPage() {
    const stackspotViewControl = await getStackspotViewControl();
    assert(await stackspotViewControl?.isDisplayed());

    // Validate some elements to make sure the extension loaded correctly in the login page
    const view = await stackspotViewControl.openView();
    const driver = view.getDriver();

    await driver.sleep(3000) // temp
    const elementPromise = await view.getContent().findElement(By.xpath('//h1[contains(text(), "Welcome to StackSpot AI")]'))
}

This results in:

     NoSuchElementError: no such element: Unable to locate element: {"method":"xpath","selector":"//h1[contains(text(), "Welcome to StackSpot AI")]"}
  (Session info: chrome=138.0.7204.235)

And the screenshot error was that:

I tried getting the driver and finding the element, as in view.getContent().getDriver(), but it couldn't find the element either.

I also tried debugging, but somehow the Debug Terminal couldn't find the "By" lib.

Any help? tks

[igorgiumellizup]

Basically I had to interact with the iframes, no help needed, thanks