Elisha Nuchi
531a952df3
- Adds support for react-refresh through `@pmmwh/react-refresh-webpack-plugin`. Updated webpack config to support this. Means entire app is no longer refreshed on changes, only individual components, and state is maintained. - React refresh removes need for `google-apps-script-webpack-dev-server` package - In client code, support for server function autocomplete through use of gas-client 1.0.0. Requires certain files to be typescript .ts files - Remove need for "global" exports in main server file through updated gas-webpack-plugin
88 lines
2.7 KiB
JavaScript
88 lines
2.7 KiB
JavaScript
const openAddon = async page => {
|
|
await page.goto(process.env.SHEET_URL);
|
|
|
|
await page.click('a:nth-child(2)'); // click on signin button
|
|
|
|
await page.waitForSelector('input[name="identifier"]', { visible: true });
|
|
await page.type('input[name="identifier"]', process.env.EMAIL); // type email
|
|
await page.click('#identifierNext'); // click "next" button
|
|
|
|
await page.waitForSelector('input[name="password"]', { visible: true });
|
|
await page.type('input[name="password"]', process.env.PASSWORD); // type pass
|
|
await page.waitForTimeout(500);
|
|
|
|
await page.click('#passwordNext'); // click "next" button
|
|
await page.waitForTimeout(3000);
|
|
|
|
if (
|
|
await page.evaluate(
|
|
() =>
|
|
document.querySelector('h1#headingText') &&
|
|
document.querySelector('h1#headingText').innerText.includes('erify')
|
|
)
|
|
) {
|
|
try {
|
|
await page.click('div[data-accountrecovery]');
|
|
await page.waitForTimeout(6000);
|
|
} catch {
|
|
console.log('The "choose account recovery method" page isn\'t shown');
|
|
}
|
|
|
|
await page.type(
|
|
'input[name="knowledgePreregisteredEmailResponse"]',
|
|
process.env.TEST_RECOVERY_EMAIL
|
|
); // type recovery email
|
|
await page.waitForTimeout(6000);
|
|
await page.click('button'); // click "next" button
|
|
await page.waitForTimeout(5000);
|
|
}
|
|
|
|
await page.waitForSelector(
|
|
'div.menu-button.goog-control.goog-inline-block:nth-child(11)',
|
|
{ visible: true }
|
|
);
|
|
|
|
// open new addon menubar item
|
|
await page.evaluate(() => {
|
|
const addOnMenuButton = document.querySelector(
|
|
'div.menu-button.goog-control.goog-inline-block:nth-child(11)'
|
|
);
|
|
addOnMenuButton.dispatchEvent(
|
|
new MouseEvent('mousedown', { bubbles: true })
|
|
);
|
|
addOnMenuButton.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
|
|
});
|
|
|
|
await page.waitForSelector(
|
|
'div.goog-menu.goog-menu-vertical.apps-menu-hide-mnemonics:last-child > div:nth-child(2) > div',
|
|
{ visible: true }
|
|
);
|
|
|
|
// open "bootstrap" menu item
|
|
await page.evaluate(() => {
|
|
const bootstrapMenuButton = document.querySelector(
|
|
'div.goog-menu.goog-menu-vertical.apps-menu-hide-mnemonics:last-child > div:nth-child(2) > div'
|
|
);
|
|
bootstrapMenuButton.dispatchEvent(
|
|
new MouseEvent('mousedown', { bubbles: true })
|
|
);
|
|
bootstrapMenuButton.dispatchEvent(
|
|
new MouseEvent('mouseup', { bubbles: true })
|
|
);
|
|
bootstrapMenuButton.dispatchEvent(
|
|
new MouseEvent('mousedown', { bubbles: true })
|
|
);
|
|
bootstrapMenuButton.dispatchEvent(
|
|
new MouseEvent('mouseup', { bubbles: true })
|
|
);
|
|
});
|
|
await page.waitForSelector('.script-app-dialog', {
|
|
visible: true,
|
|
timeout: 10000,
|
|
});
|
|
|
|
await page.waitForTimeout(3000);
|
|
};
|
|
|
|
module.exports = { openAddon };
|