Как проверить плагин devtools для расширения Chrome с помощью Google Puppeteer? - PullRequest
Новая
       12

Как проверить плагин devtools для расширения Chrome с помощью Google Puppeteer?

0 голосов
/ 09 мая 2018

Я разработал плагин, который является частью инструмента разработчика Google. У него есть своя панель в инструменте разработчика. Он также перехватывает запрос и имеет некоторый пользовательский интерфейс для пользователей. Я хочу автоматизировать тестирование этого плагина. Есть ли способ заставить Google кукловод открыть правильную панель devtools и выполнять действия?

1 Ответ

0 голосов
/ 23 декабря 2018

Вы можете попробовать что-то вроде этого 

const browser = await puppeteer.launch({ devtools: true });
const targets = await browser.targets();

// find Devtools target URL
const devtoolsUrl = targets
    .map(({ _targetInfo }) => _targetInfo.url)
    .find((url) => url.indexOf('chrome-devtools://') !== -1);

// load the Devtools page in a new tab
const page = await browser.newPage();
await page.goto(devtoolsUrl);

// click on Network tab
const networkTab = await page.evaluateHandle(`document.querySelector('#-blink-dev-tools > div.widget.vbox.root-view > div > div.widget.vbox.insertion-point-sidebar > div > div').shadowRoot.querySelector('#tab-network');`);
await networkTab.click();

На основании этого ответа . Я пробовал это, это работало хорошо, проверьте это вывод

...