github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 08:42:13 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity
Files
monitor-box
oneuptime/tests/test-init.js
David Adewole 0f020ae073 oneuptime-saas
2021-12-02 08:05:20 +01:00

1911 lines
77 KiB
JavaScript
Raw Permalink Blame History

const utils = require('./test-utils');
const chai = require('chai');
chai.use(require('chai-http'));
const request = chai.request(utils.BACKEND_URL);
const _this = {
/**
*
* @param { ObjectConstructor } user
* @param { string } page
* @description Registers a new user.
* @returns { void }
*/
timeout: 180000, // 3 mins. If things take longer than 3 mins. We consider it a failure. Please do not add your custom timeout.
registerUser: async function(user, page) {
if (
utils.BACKEND_URL.includes('localhost') ||
utils.BACKEND_URL.includes('staging.fyipe.com') ||
utils.BACKEND_URL.includes('staging.oneuptime.com')
) {
const { email } = user;
let frame, elementHandle;
await page.goto(utils.ACCOUNTS_URL + '/register', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=name]');
await _this.pageType(page, 'input[name=name]', 'Test Name');
await _this.pageClick(page, 'input[name=companyName]');
await _this.pageType(page, 'input[name=companyName]', 'Test Name');
await _this.pageClick(page, 'input[name=companyPhoneNumber]');
await _this.pageType(
page,
'input[name=companyPhoneNumber]',
'99105688'
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', '1234567890');
await _this.pageClick(page, 'input[name=confirmPassword]');
await _this.pageType(
page,
'input[name=confirmPassword]',
'1234567890'
);
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `form#card-form`, {
visible: true,
timeout: _this.timeout,
});
await _this.pageWaitForSelector(
page,
'.__PrivateStripeElement > iframe',
{
visible: true,
timeout: _this.timeout,
}
);
const stripeIframeElements = await _this.page$$(
page,
'.__PrivateStripeElement > iframe'
);
await _this.pageClick(page, 'input[name=cardName]');
await _this.pageType(page, 'input[name=cardName]', 'Test name');
elementHandle = stripeIframeElements[0]; // card element
frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=cardnumber]');
await frame.type('input[name=cardnumber]', '42424242424242424242', {
delay: 200,
});
elementHandle = stripeIframeElements[1]; // cvc element
frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=cvc]');
await frame.type('input[name=cvc]', '123', {
delay: 50,
});
elementHandle = stripeIframeElements[2]; // exp element
frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=exp-date]');
await frame.type('input[name=exp-date]', '11/23', {
delay: 50,
});
await _this.pageClick(page, 'input[name=address1]');
await _this.pageType(
page,
'input[name=address1]',
utils.user.address.streetA
);
await _this.pageClick(page, 'input[name=address2]');
await _this.pageType(
page,
'input[name=address2]',
utils.user.address.streetB
);
await _this.pageClick(page, 'input[name=city]');
await _this.pageType(
page,
'input[name=city]',
utils.user.address.city
);
await _this.pageClick(page, 'input[name=state]');
await _this.pageType(
page,
'input[name=state]',
utils.user.address.state
);
await _this.pageClick(page, 'input[name=zipCode]');
await _this.pageType(
page,
'input[name=zipCode]',
utils.user.address.zipcode
);
await page.select('#country', 'India');
await _this.pageClick(page, 'button[type=submit]');
const home = await _this.pageWaitForSelector(page, '#profile-menu');
expect(home).toBeDefined(); // This ensures that we have been navigated to the dashboard page
const signupResponse = await page.waitForResponse(
response => response.status() === 200
// The page navigates however '/user/signup' is not strictly included in the response.
);
if (signupResponse._status !== 200) {
throw new Error('Sign up did not return 200');
}
}
},
registerFailedUser: async function(user, page) {
if (
utils.BACKEND_URL.includes('localhost') ||
utils.BACKEND_URL.includes('staging.fyipe.com') ||
utils.BACKEND_URL.includes('staging.oneuptime.com')
) {
const { email } = user;
let frame, elementHandle;
await page.goto(utils.ACCOUNTS_URL + '/register', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=name]');
await _this.pageType(page, 'input[name=name]', 'Test Name');
await _this.pageClick(page, 'input[name=companyName]');
await _this.pageType(page, 'input[name=companyName]', 'Test Name');
await _this.pageClick(page, 'input[name=companyPhoneNumber]');
await _this.pageType(
page,
'input[name=companyPhoneNumber]',
'99105688'
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', '1234567890');
await _this.pageClick(page, 'input[name=confirmPassword]');
await _this.pageType(
page,
'input[name=confirmPassword]',
'1234567890'
);
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `form#card-form`, {
visible: true,
timeout: _this.timeout,
});
await _this.pageWaitForSelector(
page,
'.__PrivateStripeElement > iframe',
{
visible: true,
timeout: _this.timeout,
}
);
const stripeIframeElements = await _this.page$$(
page,
'.__PrivateStripeElement > iframe'
);
await _this.pageClick(page, 'input[name=cardName]');
await _this.pageType(page, 'input[name=cardName]', 'Test name');
elementHandle = stripeIframeElements[0]; // card element
frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=cardnumber]');
await frame.type('input[name=cardnumber]', '42424242424242424242', {
delay: 200,
});
elementHandle = stripeIframeElements[1]; // cvc element
frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=cvc]');
await frame.type('input[name=cvc]', '123', {
delay: 50,
});
elementHandle = stripeIframeElements[2]; // exp element
frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=exp-date]');
await frame.type('input[name=exp-date]', '11/23', {
delay: 50,
});
await _this.pageClick(page, 'input[name=address1]');
await _this.pageType(
page,
'input[name=address1]',
utils.user.address.streetA
);
await _this.pageClick(page, 'input[name=address2]');
await _this.pageType(
page,
'input[name=address2]',
utils.user.address.streetB
);
await _this.pageClick(page, 'input[name=city]');
await _this.pageType(
page,
'input[name=city]',
utils.user.address.city
);
await _this.pageClick(page, 'input[name=state]');
await _this.pageType(
page,
'input[name=state]',
utils.user.address.state
);
await _this.pageClick(page, 'input[name=zipCode]');
await _this.pageType(
page,
'input[name=zipCode]',
utils.user.address.zipcode
);
await page.select('#country', 'India');
await _this.pageClick(page, 'button[type=submit]');
}
},
loginProjectViewer: async function(user, page) {
const { email, password } =
utils.BACKEND_URL.includes('localhost') ||
utils.BACKEND_URL.includes('staging')
? user
: {
email: 'user@oneuptime.com',
password: 'mVzkm{LAP)mNC8t23ehqifb2p',
};
await page.goto(utils.ACCOUNTS_URL + '/login', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#login-button');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', password);
await _this.pageClick(page, 'button[type=submit]');
},
loginUser: async function(user, page) {
const { email, password } =
utils.BACKEND_URL.includes('localhost') ||
utils.BACKEND_URL.includes('staging')
? user
: {
email: 'user@oneuptime.com',
password: 'mVzkm{LAP)mNC8t23ehqifb2p',
};
await page.goto(utils.ACCOUNTS_URL + '/login', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#login-button');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', password);
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, '#home', {
visible: true,
timeout: _this.timeout,
});
},
loginAdminUser: async function(user, page) {
const { email, password } = user;
await page.goto(utils.ACCOUNTS_URL + '/login', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#login-button');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', password);
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, '#users', {
visible: true,
timeout: _this.timeout,
});
return;
},
testSmptSettings: async function(page, email) {
await _this.pageWaitForSelector(page, '#settings');
await _this.pageClick(page, '#settings');
await _this.pageWaitForSelector(page, '#smtp');
await _this.pageClick(page, '#smtp');
await _this.pageWaitForSelector(page, '#testSmtpSettingsButton');
await _this.pageClick(page, '#testSmtpSettingsButton');
await _this.pageWaitForSelector(page, '#testEmail');
await _this.pageType(page, '#testEmail', email);
await _this.pageWaitForSelector(page, '#customSmtpBtn');
await _this.pageClick(page, '#customSmtpBtn');
await _this.pageWaitForSelector(page, '#confirmSmtpTest');
await _this.pageClick(page, '#confirmSmtpTest');
await _this.pageWaitForSelector(page, '#confirmDelete');
await _this.pageClick(page, '#confirmDelete');
},
addEmailCredentials: async function(page, email) {
await _this.pageWaitForSelector(page, '#settings');
await _this.pageClick(page, '#settings');
await _this.pageWaitForSelector(page, '#smtp');
await _this.pageClick(page, '#smtp');
await _this.pageWaitForSelector(page, '#email-enabled');
await _this.pageClick(page, '#email-enabled');
await _this.pageWaitForSelector(page, '#customSmtp');
await _this.pageClick(page, '#customSmtp');
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(
page,
'input[name=email]',
utils.smtpCredential.user
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(
page,
'input[name=password]',
utils.smtpCredential.pass
);
await _this.pageClick(page, 'input[name=smtp-server]');
await _this.pageType(
page,
'input[name=smtp-server]',
utils.smtpCredential.host
);
await _this.pageClick(page, 'input[name=smtp-port]');
await _this.pageType(
page,
'input[name=smtp-port]',
utils.smtpCredential.port
);
await _this.pageClick(page, 'input[name=from]');
await _this.pageType(
page,
'input[name=from]',
utils.smtpCredential.from
);
await _this.pageClick(page, 'input[name=from-name]');
await _this.pageType(page, 'input[name=from-name]', 'Hackerbay');
await _this.pageWaitForSelector(page, '#label_smpt_secure');
await _this.pageClick(page, '#label_smpt_secure');
await _this.pageWaitForSelector(page, 'button[type=submit]');
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, '#testSmtpSettingsButton');
await _this.pageClick(page, '#testSmtpSettingsButton');
await _this.pageWaitForSelector(page, '#testEmail');
await _this.pageType(page, '#testEmail', email);
await _this.pageWaitForSelector(page, '#customSmtpBtn');
await _this.pageClick(page, '#customSmtpBtn');
await _this.pageWaitForSelector(page, '#confirmSmtpTest');
await _this.pageClick(page, '#confirmSmtpTest');
await _this.pageWaitForSelector(page, '#confirmDelete');
await _this.pageClick(page, '#confirmDelete');
},
registerEnterpriseUser: async function(user, page) {
const masterAdmin = {
email: 'masteradmin@hackerbay.io',
password: '1234567890',
};
await page.goto(utils.ACCOUNTS_URL + '/login', {
waitUntil: 'networkidle2',
});
const signUp = await _this.isElementOnPage(page, '#signUpLink');
if (signUp) {
await page.goto(utils.ACCOUNTS_URL + '/register', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', masterAdmin.email);
await _this.pageClick(page, 'input[name=name]');
await _this.pageType(page, 'input[name=name]', 'Master Admin');
await _this.pageClick(page, 'input[name=companyName]');
await _this.pageType(page, 'input[name=companyName]', 'Master');
await _this.pageClick(page, 'input[name=companyPhoneNumber]');
await _this.pageType(
page,
'input[name=companyPhoneNumber]',
'99105688'
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', '1234567890');
await _this.pageClick(page, 'input[name=confirmPassword]');
await _this.pageType(
page,
'input[name=confirmPassword]',
'1234567890'
);
await Promise.all([
_this.pageClick(page, 'button[type=submit]'),
page.waitForSelector('#users', {
visible: true,
timeout: _this.timeout,
}),
]);
} else {
await _this.loginAdminUser(masterAdmin, page);
}
// create the user from admin dashboard
//await _this.loginAdminUser(masterAdmin, page);
const { email } = user;
await _this.pageWaitForSelector(page, '#add_user');
await _this.pageClick(page, '#add_user');
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=name]');
await _this.pageType(page, 'input[name=name]', 'Test Name');
await _this.pageClick(page, 'input[name=companyName]');
await _this.pageType(page, 'input[name=companyName]', 'Test Name');
await _this.pageClick(page, 'input[name=companyPhoneNumber]');
await _this.pageType(
page,
'input[name=companyPhoneNumber]',
'99105688'
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', '1234567890');
await _this.pageClick(page, 'input[name=confirmPassword]');
await _this.pageType(page, 'input[name=confirmPassword]', '1234567890');
await _this.pageClick(page, 'button[type=submit]');
try {
const signupResponse = await page.waitForResponse(
response =>
response.url().includes('/user/signup') &&
response.status() === 200
);
if (signupResponse) {
const signupData = await signupResponse.text();
const parsedSignupData = JSON.parse(signupData);
if (parsedSignupData.verificationToken) {
await request
.get(
`/user/confirmation/${parsedSignupData.verificationToken}`
)
.redirects(0);
}
}
} catch (error) {
//catch
}
},
logout: async function(page) {
await page.goto(utils.ADMIN_DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, 'button#profile-menu', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, 'button#profile-menu');
await _this.pageWaitForSelector(page, 'button#logout-button');
await _this.pageClick(page, 'button#logout-button');
await page.reload();
},
saasLogout: async function(page) {
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
await _this.pageWaitForSelector(page, 'button#profile-menu', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, 'button#profile-menu');
await _this.pageWaitForSelector(page, 'button#logout-button');
await _this.pageClick(page, 'button#logout-button');
await page.reload({ waitUntil: 'networkidle2' });
},
selectDropdownValue: async function(selector, text, page) {
await _this.pageClick(page, selector, { delay: 100 });
await page.keyboard.type(text);
//'div.css-1gl4k7y' is used if present. However, it presence is not consistent
await page.keyboard.press('Tab'); //String.fromCharCode(9) could not press tab
},
clear: async function(selector, page) {
const input = await _this.page$(page, selector);
await input.click({ clickCount: 3 });
await input.type('');
},
renameProject: async function(newProjectName, page) {
await _this.pageWaitForSelector(page, '#projectSettings');
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageWaitForSelector(page, 'input[name=project_name]');
await _this.clear('input[name=project_name]', page);
await _this.pageType(page, 'input[name=project_name]', newProjectName);
await _this.pageClick(page, '#btnCreateProject');
},
addMonitor: async function(monitorName, description, page) {
await _this.pageWaitForSelector(page, '#form-new-monitor', {
visible: true,
timeout: _this.timeout,
});
await _this.pageWaitForSelector(page, 'input[id=name]', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageClick(page, '[data-testId=type_manual]');
await _this.pageWaitForSelector(page, '#description', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#description');
await _this.pageType(page, '#description', description);
await _this.pageClickNavigate(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#cb${monitorName}`, {
visible: true,
timeout: _this.timeout,
});
},
addAdditionalMonitor: async function(monitorName, description, page) {
await _this.pageWaitForSelector(page, '#cbMonitors');
await _this.pageClick(page, '#newFormId');
await _this.pageWaitForSelector(page, '#form-new-monitor', {
visible: true,
timeout: _this.timeout,
});
await _this.pageWaitForSelector(page, 'input[id=name]', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageClick(page, '[data-testId=type_manual]');
await _this.pageWaitForSelector(page, '#description', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#description');
await _this.pageType(page, '#description', description);
await _this.pageClickNavigate(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#cb${monitorName}`, {
visible: true,
timeout: _this.timeout,
});
},
navigateToComponentDetails: async function(component, page) {
// Navigate to Components page
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
await _this.pageWaitForSelector(page, '#components', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#components');
// Navigate to details page of component assumed created
await _this.pageWaitForSelector(page, `#more-details-${component}`);
await _this.page$Eval(page, `#more-details-${component}`, e =>
e.click()
);
},
addMonitorToStatusPage: async function(
componentName,
monitorName,
additionalMonitor,
page
) {
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
const description = utils.generateRandomString();
await _this.pageWaitForSelector(page, '#statusPages');
await _this.pageClickNavigate(page, '#statusPages');
await _this.pageWaitForSelector(page, '#statusPagesListContainer');
await _this.pageWaitForSelector(page, '#viewStatusPage');
await _this.pageClickNavigate(page, '#viewStatusPage');
await _this.pageWaitForSelector(page, '#addMoreMonitors', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#addMoreMonitors');
await _this.selectDropdownValue(
`#monitor-name-${additionalMonitor}`,
`${componentName} / ${monitorName}`,
page
);
await _this.pageClick(
page,
`#monitor-description-${additionalMonitor}`
);
await _this.pageType(
page,
`#monitor-description-${additionalMonitor}`,
description
);
await _this.pageClick(
page,
`#manual-monitor-checkbox-${additionalMonitor}`
);
await _this.pageClick(page, '#btnAddStatusPageMonitors');
},
clickStatusPageUrl: async function(page) {
await _this.pageWaitForSelector(page, '#publicStatusPageUrl');
let link = await _this.page$(page, '#publicStatusPageUrl > span > a');
link = await link.getProperty('href');
link = await link.jsonValue();
await page.goto(link, { waitUntil: ['networkidle2'] });
},
navigateToStatusPage: async function(page) {
await _this.pageWaitForSelector(page, '#statusPages');
await _this.pageClickNavigate(page, '#statusPages');
await _this.pageWaitForSelector(page, '#statusPagesListContainer');
await _this.pageWaitForSelector(page, '#viewStatusPage');
await _this.pageClickNavigate(page, '#viewStatusPage');
await _this.clickStatusPageUrl(page);
},
growthPlanUpgrade: async function(page) {
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
await _this.pageWaitForSelector(page, '#projectSettings', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#billing');
await _this.pageClickNavigate(page, '#billing');
await _this.pageWaitForSelector(page, 'input#Growth_month', {
visible: true,
});
await _this.pageClick(page, 'input#Growth_month');
await _this.pageClick(page, '#changePlanBtn');
await _this.pageWaitForSelector(page, '.ball-beat', { hidden: true });
},
gotoTab: async function(tabId, page) {
await _this.pageWaitForSelector(page, `#react-tabs-${tabId}`, {
visible: true,
timeout: _this.timeout,
});
await _this.page$Eval(page, `#react-tabs-${tabId}`, e => e.click());
},
themeNavigationAndConfirmation: async function(page, theme) {
await _this.pageWaitForSelector(page, '.branding-tab', {
visible: true,
});
await _this.page$$Eval(page, '.branding-tab', elems =>
elems[0].click()
);
await _this.pageWaitForSelector(page, `#${theme}`, {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, `#${theme}`);
await _this.pageWaitForSelector(page, '#changePlanBtn', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#changePlanBtn');
await _this.pageClick(page, '.basic-tab');
},
registerAndLoggingTeamMember: async function(user, page) {
const { email, password } = user;
await page.goto(utils.ACCOUNTS_URL + '/register'),
{
waitUntil: 'networkidle2',
};
// Registration
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=name]');
await _this.pageType(page, 'input[name=name]', 'Test Name');
await _this.pageClick(page, 'input[name=companyName]');
await _this.pageType(page, 'input[name=companyName]', 'Test Name');
await _this.pageClick(page, 'input[name=companyPhoneNumber]');
await _this.pageType(
page,
'input[name=companyPhoneNumber]',
'99105688'
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', password);
await _this.pageClick(page, 'input[name=confirmPassword]');
await _this.pageType(page, 'input[name=confirmPassword]', password);
await _this.pageClick(page, 'button[type=submit]'),
await _this.pageWaitForSelector(page, '#success-step');
// Login
await page.goto(utils.ACCOUNTS_URL + '/login', {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#login-form');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', password);
await _this.pageWaitForSelector(page, 'button[type=submit]', {
visible: true,
timeout: _this.timeout,
});
await Promise.all([
page.waitForNavigation({ waitUntil: 'networkidle2' }),
_this.pageClick(page, 'button[type=submit]'),
]);
expect(page.url().startsWith(utils.ACCOUNTS_URL + '/login')).toEqual(
false
);
},
adminLogout: async function(page) {
await page.goto(utils.ADMIN_DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, 'button#profile-menu', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, 'button#profile-menu');
await _this.pageWaitForSelector(page, 'button#logout-button');
await _this.pageClick(page, 'button#logout-button');
await page.reload({ waitUntil: 'networkidle2' });
},
addComponent: async function(component, page, projectName = null) {
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
await _this.pageWaitForSelector(page, '#components', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#components');
// Fill and submit New Component form
await _this.pageWaitForSelector(page, '#form-new-component');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', component);
if (projectName) {
await _this.selectDropdownValue('#subProjectId', projectName, page);
}
await Promise.all([
page.$eval('button[type=submit]', e => e.click()),
page.waitForNavigation(),
]);
},
addAdditionalComponent: async function(
component,
page,
projectName = null
) {
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
await _this.pageWaitForSelector(page, '#components', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#components');
// Fill and submit New Component form
await _this.pageWaitForSelector(page, '#cbComponents');
await _this.pageClick(page, '#newFormId');
await _this.pageWaitForSelector(page, '#form-new-component');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', component);
if (projectName) {
await _this.selectDropdownValue('#subProjectId', projectName, page);
}
await Promise.all([
page.$eval('button[type=submit]', e => e.click()),
page.waitForNavigation(),
]);
},
navigateToMonitorDetails: async function(component, monitor, page) {
// Navigate to Components page
await _this.navigateToComponentDetails(component, page);
// Navigate to details page of monitor assumed created
// await _this.pageClickNavigate(page, `#more-details-${monitor}`);
await _this.pageWaitForSelector(page, `#more-details-${monitor}`, {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, `#more-details-${monitor}`);
await _this.pageWaitForSelector(page, `#monitor-title-${monitor}`, {
visible: true,
});
},
navigateToApplicationLogDetails: async function(
component,
applicationLog,
page
) {
// Navigate to Components page
await _this.navigateToComponentDetails(component, page);
// then goto list of log containers
await _this.pageWaitForSelector(page, '#logs');
await _this.pageClickNavigate(page, '#logs');
// Navigate to details page of log container assumed created
await _this.pageWaitForSelector(
page,
`#more-details-${applicationLog}`
);
await _this.pageClickNavigate(page, `#more-details-${applicationLog}`);
await _this.pageWaitForSelector(
page,
`#application-log-title-${applicationLog}`
);
},
navigateToErrorTrackerDetails: async function(
component,
errorTracker,
page
) {
// Navigate to Components page
await _this.navigateToComponentDetails(component, page);
// then goto list of error trackers
await _this.pageWaitForSelector(page, '#errorTracking');
await _this.pageClickNavigate(page, '#errorTracking');
// Navigate to details page of error tracker assumed created
await _this.pageWaitForSelector(page, `#more-details-${errorTracker}`);
await _this.pageClickNavigate(page, `#more-details-${errorTracker}`);
await _this.pageWaitForSelector(
page,
`#error-tracker-title-${errorTracker}`
);
},
createUserFromAdminDashboard: async function(user, page) {
// create the user from admin dashboard
const { email } = user;
await _this.pageWaitForSelector(page, '#add_user');
await _this.pageClick(page, '#add_user');
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, 'input[name=email]');
await _this.pageType(page, 'input[name=email]', email);
await _this.pageClick(page, 'input[name=name]');
await _this.pageType(page, 'input[name=name]', 'Test Name');
await _this.pageClick(page, 'input[name=companyName]');
await _this.pageType(page, 'input[name=companyName]', 'Test Name');
await _this.pageClick(page, 'input[name=companyPhoneNumber]');
await _this.pageType(
page,
'input[name=companyPhoneNumber]',
'99105688'
);
await _this.pageClick(page, 'input[name=password]');
await _this.pageType(page, 'input[name=password]', '1234567890');
await _this.pageClick(page, 'input[name=confirmPassword]');
await _this.pageType(page, 'input[name=confirmPassword]', '1234567890');
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, '#frmUser', { hidden: true });
},
addSchedule: async function(callSchedule, projectName, page) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#onCallDuty', {
visible: true,
});
await _this.pageClickNavigate(page, '#onCallDuty');
await _this.pageClick(page, `#btnCreateSchedule_${projectName}`);
page.waitForSelector('#name', { timeout: _this.timeout });
await _this.pageType(page, '#name', callSchedule);
await _this.pageClick(page, '#btnCreateSchedule');
await _this.pageWaitForSelector(page, `#duty_${callSchedule}`, {
visible: true,
timeout: _this.timeout,
});
},
addSubProject: async function(subProjectName, page) {
const subProjectNameSelector = await _this.isElementOnPage(
page,
'#btn_Add_SubProjects',
{ hidden: true } //The function is usually called after dashboard loads. Hence, '#btn_Add_SubProjects' is hidden.
);
if (subProjectNameSelector) {
await _this.pageWaitForSelector(page, '#btn_Add_SubProjects');
await _this.pageClick(page, '#btn_Add_SubProjects');
await _this.pageWaitForSelector(page, '#title');
await _this.pageType(page, '#title', subProjectName);
await _this.pageClick(page, '#btnAddSubProjects');
} else {
await _this.pageWaitForSelector(page, '#projectSettings');
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#btn_Add_SubProjects');
await _this.pageClick(page, '#btn_Add_SubProjects');
await _this.pageWaitForSelector(page, '#title');
await _this.pageType(page, '#title', subProjectName);
await _this.pageClick(page, '#btnAddSubProjects');
}
await _this.pageWaitForSelector(page, '#btnAddSubProjects', {
hidden: true,
});
},
addUserToProject: async function(data, page) {
const { email, role, subProjectName } = data;
await _this.pageWaitForSelector(page, '#teamMembers');
await _this.pageClickNavigate(page, '#teamMembers');
await _this.pageWaitForSelector(page, `#btn_${subProjectName}`);
await _this.pageClick(page, `#btn_${subProjectName}`);
await _this.pageWaitForSelector(page, `#frm_${subProjectName}`);
await _this.pageClick(page, `#emails_${subProjectName}`);
await _this.pageType(page, `#emails_${subProjectName}`, email);
await _this.pageClick(page, `#${role}_${subProjectName}`);
await _this.pageClick(page, `#btn_modal_${subProjectName}`);
},
switchProject: async function(projectName, page) {
await page.goto(utils.DASHBOARD_URL, { waitUntil: ['networkidle2'] });
await _this.pageWaitForSelector(page, '#AccountSwitcherId', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#AccountSwitcherId');
await _this.pageWaitForSelector(
page,
`#accountSwitcher div#${projectName}`
);
await _this.pageClick(page, `#accountSwitcher div#${projectName}`);
await _this.pageWaitForSelector(page, '#components', {
visible: true,
timeout: _this.timeout,
});
},
addHttpTestServerMonitorToComponent: async function(
component,
monitorName,
page
) {
component && (await _this.addComponent(component, page));
await _this.pageWaitForSelector(page, 'input[id=name]');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageWaitForSelector(page, 'button[id=showMoreMonitors]');
await _this.pageClick(page, 'button[id=showMoreMonitors]');
await _this.pageClick(page, '[data-testId=type_url]');
await _this.pageWaitForSelector(page, '#url', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#url');
await _this.pageType(page, '#url', 'http://localhost:3010');
await _this.pageClickNavigate(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#monitor-title-${monitorName}`, {
visible: true,
});
},
addMonitorToComponent: async function(component, monitorName, page) {
component && (await _this.addComponent(component, page));
await _this.pageWaitForSelector(page, 'input[id=name]');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageWaitForSelector(page, 'button[id=showMoreMonitors]');
await _this.pageClick(page, 'button[id=showMoreMonitors]');
await _this.pageClick(page, '[data-testId=type_url]');
await _this.pageWaitForSelector(page, '#url', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#url');
await _this.pageType(page, '#url', 'https://google.com');
await _this.pageClickNavigate(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#monitor-title-${monitorName}`, {
visible: true,
});
},
addNewMonitorToComponent: async function(page, componentName, monitorName) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: 'networkidle2',
timeout: _this.timeout,
});
await _this.pageWaitForSelector(page, '#components');
await _this.pageClickNavigate(page, '#components');
await _this.pageWaitForSelector(page, '#component0');
await _this.pageWaitForSelector(page, `#more-details-${componentName}`);
await _this.pageClickNavigate(page, `#more-details-${componentName}`);
await _this.pageWaitForSelector(page, '#form-new-monitor');
await _this.pageWaitForSelector(page, 'input[id=name]');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageClick(page, '[data-testId=type_url]');
await _this.pageWaitForSelector(page, '#url', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#url');
await _this.pageType(page, '#url', 'https://google.com');
await _this.pageClickNavigate(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#monitor-title-${monitorName}`, {
visible: true,
});
},
addAdditionalMonitorToComponent: async function(
page,
componentName,
monitorName
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: 'networkidle2',
timeout: _this.timeout,
});
await _this.pageWaitForSelector(page, '#components');
await _this.pageClickNavigate(page, '#components');
await _this.pageWaitForSelector(page, '#component0');
await _this.pageWaitForSelector(page, `#more-details-${componentName}`);
await _this.pageClickNavigate(page, `#more-details-${componentName}`);
await _this.pageWaitForSelector(page, '#cbMonitors');
await _this.pageClick(page, '#newFormId');
await _this.pageWaitForSelector(page, '#form-new-monitor');
await _this.pageWaitForSelector(page, 'input[id=name]');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageClick(page, '[data-testId=type_url]');
await _this.pageWaitForSelector(page, '#url', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#url');
await _this.pageType(page, '#url', 'https://google.com');
await _this.pageClickNavigate(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#monitor-title-${monitorName}`, {
visible: true,
});
},
/**
* adds an api monitor with js expressions for up and degraded events
* @param {*} page a page instance of puppeteer
* @param {string} monitorName the name of the new monitor
* @param {{createAlertForOnline : boolean, createAlertForDegraded : boolean, createAlertForDown : boolean}} options
*/
addAPIMonitorWithJSExpression: async function(
page,
monitorName,
options = {}
) {
await _this.pageWaitForSelector(page, '#form-new-monitor');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
await _this.pageClick(page, 'input[data-testId=type_api]');
await _this.selectDropdownValue('#method', 'get', page);
await _this.pageWaitForSelector(page, '#url', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#url');
await _this.pageType(page, '#url', utils.HTTP_TEST_SERVER_URL);
await _this.pageWaitForSelector(page, '#advanceOptions');
await _this.pageClick(page, '#advanceOptions');
// online criteria
await _this.pageWaitForSelector(page, '[data-testId=add_criterion_up]');
await _this.page$$Eval(
page,
'[data-testId=add_criterion_up]',
addCriterionButtons => {
const lastAddCriterionButton =
addCriterionButtons[addCriterionButtons.length - 1];
lastAddCriterionButton.click();
}
);
await _this.pageWaitForSelector(
page,
'ul[data-testId=up_criteria_list]> div:last-of-type #responseType'
);
await _this.selectDropdownValue(
'ul[data-testId=up_criteria_list]> div:last-of-type #responseType',
'responseBody',
page
);
await _this.pageWaitForSelector(
page,
'ul[data-testId=up_criteria_list]> div:last-of-type #filter'
);
await _this.selectDropdownValue(
'ul[data-testId=up_criteria_list]> div:last-of-type #filter',
'evaluateResponse',
page
);
await _this.pageWaitForSelector(
page,
'ul[data-testId=up_criteria_list]> div:last-of-type #value'
);
await _this.pageClick(
page,
'ul[data-testId=up_criteria_list]> div:last-of-type #value'
);
await _this.pageType(
page,
'ul[data-testId=up_criteria_list]> div:last-of-type #value',
"response.body.status === 'ok';"
);
if (options.createAlertForOnline) {
await _this.pageClick(
page,
'[data-testId=criterionAdvancedOptions_up]'
);
await _this.pageWaitForSelector(
page,
'input[name^=createAlert_up]',
{
visible: true,
timeout: _this.timeout,
}
);
await _this.page$Eval(
page,
'input[name^=createAlert_up]',
element => element.click()
);
}
// degraded criteria
await _this.page$$Eval(
page,
'[data-testId=add_criterion_degraded]',
addCriterionButtons => {
const lastAddCriterionButton =
addCriterionButtons[addCriterionButtons.length - 1];
lastAddCriterionButton.click();
}
);
await _this.pageWaitForSelector(
page,
'ul[data-testId=degraded_criteria_list] > div:last-of-type #responseType'
);
await _this.selectDropdownValue(
'ul[data-testId=degraded_criteria_list] > div:last-of-type #responseType',
'responseBody',
page
);
await _this.pageWaitForSelector(
page,
'ul[data-testId=degraded_criteria_list] > div:last-of-type #filter'
);
await _this.selectDropdownValue(
'ul[data-testId=degraded_criteria_list] > div:last-of-type #filter',
'evaluateResponse',
page
);
await _this.pageWaitForSelector(
page,
'ul[data-testId=degraded_criteria_list] > div:last-of-type #value'
);
await _this.pageClick(
page,
'ul[data-testId=degraded_criteria_list] > div:last-of-type #value'
);
await _this.pageType(
page,
'ul[data-testId=degraded_criteria_list] > div:last-of-type #value',
"response.body.message === 'draining';"
);
await Promise.all([
_this.pageClick(page, 'button[type=submit]'),
page.waitForNavigation(),
]);
},
addMonitorToSubProject: async function(
monitorName,
projectName,
componentName,
page
) {
await page.reload({ waitUntil: 'domcontentloaded' });
await _this.pageWaitForSelector(page, '#monitors');
await _this.pageClick(page, '#monitors'); // Fix this
// await _this.navigateToComponentDetails(componentName, page);
await _this.pageWaitForSelector(page, '#form-new-monitor');
await _this.pageClick(page, 'input[id=name]');
await page.focus('input[id=name]');
await _this.pageType(page, 'input[id=name]', monitorName);
//Please add a new monitor type here. IOT Device Monitor has been removed.
await _this.pageClick(page, 'button[type=submit]');
await _this.pageWaitForSelector(page, `#monitor-title-${monitorName}`, {
visible: true,
});
},
addIncidentToProject: async function(monitorName, projectName, page) {
await _this.pageWaitForSelector(page, '#incidentLog');
await _this.page$Eval(page, '#incidentLog', e => e.click());
await _this.pageWaitForSelector(
page,
`#btnCreateIncident_${projectName}`,
{
visible: true,
timeout: _this.timeout,
}
);
await _this.page$Eval(page, `#btnCreateIncident_${projectName}`, e =>
e.click()
);
await _this.pageWaitForSelector(page, '#frmIncident');
await _this.pageClick(page, '#monitorDropdown');
await _this.pageClick(page, `#${monitorName}`);
await _this.pageClick(page, '#incidentType');
await _this.page$Eval(page, '#createIncident', e => e.click());
await _this.pageWaitForSelector(page, '#createIncident', {
hidden: true,
});
},
addIncidentPriority: async function(incidentPriority, page) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: 'networkidle2',
});
await _this.pageWaitForSelector(page, '#projectSettings');
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#incidentSettings');
await _this.pageClickNavigate(page, '#incidentSettings');
// To navigate to incident Priority tab
await _this.pageWaitForSelector(page, '.incident-priority-tab', {
visible: true,
});
await _this.page$$Eval(page, '.incident-priority-tab', elems =>
elems[0].click()
);
await _this.pageWaitForSelector(page, '#addNewPriority');
await _this.pageClick(page, '#addNewPriority');
await _this.pageWaitForSelector(page, '#CreateIncidentPriority');
await _this.pageType(page, 'input[name=name]', incidentPriority);
await _this.pageClick(page, '#CreateIncidentPriority');
await _this.pageWaitForSelector(page, '#CreateIncidentPriority', {
hidden: true,
});
},
addStatusPageToProject: async function(statusPageName, projectName, page) {
const createStatusPageSelector = await page.$(
`#btnCreateStatusPage_${projectName}`
);
if (createStatusPageSelector) {
await _this.pageClick(page, `#btnCreateStatusPage_${projectName}`);
await _this.pageWaitForSelector(page, '#btnCreateStatusPage');
await _this.pageType(page, '#name', statusPageName);
await _this.pageClick(page, '#btnCreateStatusPage');
} else {
await _this.pageWaitForSelector(page, '#statusPages');
await _this.pageClickNavigate(page, '#statusPages');
await _this.pageWaitForSelector(
page,
`#btnCreateStatusPage_${projectName}`
);
await _this.pageClick(page, `#btnCreateStatusPage_${projectName}`);
await _this.pageWaitForSelector(page, '#btnCreateStatusPage');
await _this.pageType(page, '#name', statusPageName);
await _this.pageClick(page, '#btnCreateStatusPage');
}
await _this.pageWaitForSelector(page, '#btnCreateStatusPage', {
hidden: true,
});
},
addScheduleToProject: async function(scheduleName, projectName, page) {
const createStatusPageSelector = await _this.page$(
page,
`#btnCreateStatusPage_${projectName}`,
{ hidden: true }
);
if (createStatusPageSelector) {
await _this.pageWaitForSelector(
page,
`#btnCreateSchedule_${projectName}`
);
await _this.pageClick(page, `#btnCreateSchedule_${projectName}`);
await _this.pageWaitForSelector(page, '#btnCreateSchedule');
await _this.pageType(page, '#name', scheduleName);
await _this.pageClick(page, '#btnCreateSchedule');
} else {
await _this.pageWaitForSelector(page, '#onCallDuty');
await _this.pageClickNavigate(page, '#onCallDuty');
await _this.pageWaitForSelector(
page,
`#btnCreateSchedule_${projectName}`
);
await _this.pageClick(page, `#btnCreateSchedule_${projectName}`);
await _this.pageWaitForSelector(page, '#btnCreateSchedule');
await _this.pageType(page, '#name', scheduleName);
await _this.pageClick(page, '#btnCreateSchedule');
}
},
addScheduledMaintenance: async function(
monitorName,
scheduledEventName,
componentName,
page
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#scheduledMaintenance', {
visible: true,
});
await _this.pageClickNavigate(page, '#scheduledMaintenance');
await _this.pageWaitForSelector(page, '#addScheduledEventButton', {
visible: true,
});
await _this.pageClick(page, '#addScheduledEventButton');
await _this.pageWaitForSelector(page, '#scheduledEventForm', {
visible: true,
});
await _this.pageWaitForSelector(page, '#name');
await _this.pageClick(page, '#name');
await _this.pageType(page, '#name', scheduledEventName);
if (monitorName) {
await _this.pageWaitForSelector(
page,
'label[for=selectAllMonitors]'
);
await _this.pageClick(page, '#selectSpecificMonitors');
await _this.pageClick(page, '#monitorDropdown');
await _this.pageClick(page, `#${monitorName}`);
await _this.pageClick(page, 'label[for=monitorIds]');
}
await _this.pageClick(page, '#description');
await _this.pageType(
page,
'#description',
'This is an example description for a test'
);
await _this.pageWaitForSelector(page, 'input[name=startDate]');
await _this.pageClick(page, 'input[name=startDate]');
await _this.pageClick(
page,
'div.MuiDialogActions-root button:nth-child(2)'
);
await _this.pageWaitForSelector(
page,
'div.MuiDialogActions-root button:nth-child(2)',
{ hidden: true }
);
await _this.pageClick(page, 'input[name=endDate]');
await _this.pageClick(
page,
'div.MuiDialogActions-root button:nth-child(2)'
);
await _this.pageWaitForSelector(
page,
'div.MuiDialogActions-root button:nth-child(2)',
{ hidden: true }
);
await _this.pageClick(page, '#createScheduledEventButton');
await _this.pageWaitForSelector(page, '.ball-beat', {
hidden: true,
});
},
filterRequest: async (request, response) => {
if ((await request.url()).match(/user\/login/)) {
request.respond({
status: 200,
contentType: 'application/json',
body: JSON.stringify(response),
});
} else {
request.continue();
}
},
addProject: async function(page, projectName = null, checkCard = false) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#AccountSwitcherId');
await _this.pageClick(page, '#AccountSwitcherId');
await _this.pageWaitForSelector(page, '#create-project');
await _this.pageClick(page, '#create-project');
await _this.pageWaitForSelector(page, '#name');
await _this.pageType(page, '#name', projectName ? projectName : 'test');
await _this.pageClick(page, 'label[for=Startup_month]');
const startupOption = await _this.pageWaitForSelector(
page,
'label[for=Startup_month]',
{ visible: true, timeout: _this.timeout }
);
startupOption.click();
if (checkCard) {
await _this.pageWaitForSelector(
page,
'iframe[name=__privateStripeFrame5]'
);
const elementHandle = await _this.page$(
page,
'iframe[name=__privateStripeFrame5]'
);
const frame = await elementHandle.contentFrame();
await frame.waitForSelector('input[name=cardnumber]');
await frame.type('input[name=cardnumber]', '42424242424242424242', {
delay: 200,
});
await frame.waitForSelector('input[name=cvc]');
await frame.type('input[name=cvc]', '123', {
delay: 150,
});
await frame.waitForSelector('input[name=exp-date]');
await frame.type('input[name=exp-date]', '11/23', {
delay: 150,
});
await frame.waitForSelector('input[name=postal]');
await frame.type('input[name=postal]', '12345', {
delay: 150,
});
}
await _this.pageWaitForSelector(page, '#btnCreateProject', {
visible: true,
timeout: _this.timeout,
});
await Promise.all([
_this.pageClick(page, '#btnCreateProject'),
page.waitForNavigation({ waitUntil: 'networkidle2' }),
]);
},
addResourceCategory: async function(resourceCategory, page) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#projectSettings');
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, 'li#resources a');
await _this.pageClickNavigate(page, 'li#resources a');
await _this.pageWaitForSelector(page, '#createResourceCategoryButton');
await _this.pageClick(page, '#createResourceCategoryButton');
await _this.pageWaitForSelector(page, '#resourceCategoryName');
await _this.pageType(page, '#resourceCategoryName', resourceCategory);
await _this.pageClick(page, '#addResourceCategoryButton');
await _this.pageWaitForSelector(page, '#addResourceCategoryButton', {
hidden: true,
});
const createdResourceCategorySelector =
'#resourceCategoryList #resource-category-name';
await _this.pageWaitForSelector(page, createdResourceCategorySelector, {
visible: true,
});
},
addGrowthProject: async function(projectName = 'GrowthProject', page) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#AccountSwitcherId');
await _this.pageClick(page, '#AccountSwitcherId');
await _this.pageWaitForSelector(page, '#create-project');
await _this.pageClick(page, '#create-project');
await _this.pageWaitForSelector(page, '#name');
await _this.pageType(page, '#name', projectName);
await _this.pageClick(page, 'label[for=Growth_month]');
const growthOption = await _this.pageWaitForSelector(
page,
'label[for=Growth_month]',
{ visible: true, timeout: _this.timeout }
);
growthOption.click();
await Promise.all([
await _this.pageClick(page, '#btnCreateProject'),
await page.waitForNavigation({ waitUntil: 'networkidle2' }),
]);
},
addScaleProject: async function(projectName = 'ScaleProject', page) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#AccountSwitcherId');
await _this.pageClick(page, '#AccountSwitcherId');
await _this.pageWaitForSelector(page, '#create-project');
await _this.pageClick(page, '#create-project');
await _this.pageWaitForSelector(page, '#name');
await _this.pageType(page, '#name', projectName);
await _this.pageClick(page, 'label[for=Scale_month]');
const scaleOption = await _this.pageWaitForSelector(
page,
'label[for=Scale_month]',
{ visible: true, timeout: _this.timeout }
);
scaleOption.click();
await Promise.all([
await _this.pageClick(page, '#btnCreateProject'),
await page.waitForNavigation({ waitUntil: 'networkidle2' }),
]);
},
addScheduledMaintenanceNote: async function(
page,
type,
eventBtn,
noteDescription,
eventState = 'update'
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#scheduledMaintenance', {
visible: true,
});
await _this.pageClickNavigate(page, '#scheduledMaintenance');
await _this.pageWaitForSelector(page, `#${eventBtn}`, {
visible: true,
});
await _this.pageClick(page, `#${eventBtn}`);
// navigate to the note tab section
// await _this.gotoTab(utils.scheduleEventTabIndexes.NOTES, page);
await _this.pageClick(page, '.timeline-tab');
await _this.pageWaitForSelector(page, `#add-${type}-message`, {
visible: true,
});
await _this.pageClick(page, `#add-${type}-message`);
await _this.pageWaitForSelector(page, '#event_state', {
visible: true,
});
await _this.selectDropdownValue('#event_state', eventState, page);
await _this.pageClick(page, '#new-internal');
await _this.pageType(page, '#new-internal', noteDescription);
await _this.pageClick(page, '#internal-addButton');
await _this.pageWaitForSelector(
page,
'#form-new-schedule-internal-message',
{
hidden: true,
}
);
},
addIncident: async function(
monitorName,
incidentType,
page,
incidentPriority
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#components', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#components');
await _this.pageWaitForSelector(page, `#view-resource-${monitorName}`, {
visible: true,
});
await _this.pageClickNavigate(page, `#view-resource-${monitorName}`);
await _this.pageWaitForSelector(
page,
`#monitorCreateIncident_${monitorName}`
);
await _this.pageClick(page, `#monitorCreateIncident_${monitorName}`);
await _this.pageWaitForSelector(page, '#createIncident');
await _this.selectDropdownValue('#incidentType', incidentType, page);
if (incidentPriority) {
await _this.selectDropdownValue(
'#incidentPriority',
incidentPriority,
page
);
}
await _this.pageClick(page, '#createIncident');
await _this.pageWaitForSelector(page, '.ball-beat', {
visible: true,
timeout: _this.timeout,
});
await _this.pageWaitForSelector(page, '.ball-beat', { hidden: true });
},
addTwilioSettings: async function(
enableSms,
accountSid,
authToken,
phoneNumber,
page
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#projectSettings', {
visible: true,
});
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#smsCalls');
await _this.pageClickNavigate(page, '#smsCalls');
await _this.pageWaitForSelector(page, 'label[for=enabled]', {
visible: true,
});
if (enableSms) await _this.pageClick(page, 'label[for=enabled]');
await _this.pageType(page, '#accountSid', accountSid);
await _this.pageType(page, '#authToken', authToken);
await _this.pageType(page, '#phoneNumber', phoneNumber);
await _this.pageClick(page, '#submitTwilioSettings');
await _this.pageWaitForSelector(page, '.ball-beat', { hidden: true });
await page.reload();
await _this.pageWaitForSelector(page, '#accountSid');
},
addGlobalTwilioSettings: async function(
enableSms,
enableCalls,
accountSid,
authToken,
phoneNumber,
alertLimit,
page
) {
await page.goto(utils.ADMIN_DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#settings', {
visible: true,
});
await _this.pageClick(page, '#settings');
await _this.pageWaitForSelector(page, '#twilio');
await _this.pageClick(page, '#twilio');
await _this.pageWaitForSelector(page, '#call-enabled');
if (enableCalls) {
await _this.page$Eval(page, '#call-enabled', element =>
element.click()
);
}
if (enableSms) {
await _this.page$Eval(page, '#sms-enabled', element =>
element.click()
);
}
await _this.pageType(page, '#account-sid', accountSid);
await _this.pageType(page, '#authentication-token', authToken);
await _this.pageType(page, '#phone', phoneNumber);
await _this.pageType(page, '#alert-limit', alertLimit);
await _this.pageClick(page, 'button[type=submit]');
await page.reload();
await _this.pageWaitForSelector(page, '#account-sid');
},
addSmtpSettings: async function(
enable,
user,
pass,
host,
port,
from,
secure,
page
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#projectSettings', {
visible: true,
});
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#email');
await _this.pageClickNavigate(page, '#email');
await _this.pageWaitForSelector(page, '#smtpswitch');
if (enable)
await _this.page$Eval(page, '#smtpswitch', elem => elem.click());
await _this.pageWaitForSelector(page, '#user');
await _this.pageType(page, '#user', user);
await _this.pageType(page, '#pass', pass);
await _this.pageType(page, '#host', host);
await _this.pageType(page, '#port', port);
await _this.pageType(page, '#from', from);
await _this.pageType(page, '#name', 'Admin');
await _this.page$Eval(page, '#secure', e => {
e.checked = secure;
});
await _this.pageClick(page, '#saveSmtp');
await _this.pageWaitForSelector(page, '.ball-beat', {
visible: true,
timeout: _this.timeout,
});
await _this.pageWaitForSelector(page, '.ball-beat', { hidden: true });
await page.reload();
await _this.pageWaitForSelector(page, '#user');
},
setAlertPhoneNumber: async (phoneNumber, code, page) => {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#profile-menu');
await _this.pageClick(page, '#profile-menu');
await _this.pageWaitForSelector(page, '#userProfile');
await _this.pageClickNavigate(page, '#userProfile');
await _this.pageWaitForSelector(page, 'input[type=tel]');
await _this.pageType(page, 'input[type=tel]', phoneNumber);
await _this.pageWaitForSelector(page, '#sendVerificationSMS');
await _this.pageClick(page, '#sendVerificationSMS');
await _this.pageWaitForSelector(page, '#otp');
await _this.pageType(page, '#otp', code);
await _this.pageClick(page, '#verify');
await _this.pageWaitForSelector(page, '#successMessage');
},
addAnExternalSubscriber: async function(
componentName,
monitorName,
alertType,
page,
data
) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.navigateToMonitorDetails(componentName, monitorName, page);
await _this.pageWaitForSelector(page, '#react-tabs-2');
await _this.pageClick(page, '#react-tabs-2');
await _this.pageWaitForSelector(page, '#addSubscriberButton');
await _this.pageClick(page, '#addSubscriberButton');
await _this.pageWaitForSelector(page, '#alertViaId');
await _this.selectDropdownValue('#alertViaId', alertType, page);
if (alertType === 'SMS') {
const { countryCode, phoneNumber } = data;
await _this.pageWaitForSelector(page, '#countryCodeId');
await _this.selectDropdownValue(
'#countryCodeId',
countryCode,
page
);
await _this.pageType(page, '#contactPhoneId', phoneNumber);
}
await _this.pageClick(page, '#createSubscriber');
},
addCustomField: async function(page, data, owner) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageWaitForSelector(page, '#projectSettings', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#projectSettings');
if (owner === 'monitor') {
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#monitor', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#monitor');
await _this.pageClick(page, '.monitor-sla-advanced');
} else {
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#incidentSettings', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#incidentSettings');
await page.reload({
waitUntil: 'networkidle2',
});
await _this.pageClick(page, '.advanced-tab');
}
await _this.pageWaitForSelector(page, '#addCustomField', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#addCustomField');
await _this.pageWaitForSelector(page, '#customFieldForm', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#fieldName');
await _this.pageType(page, '#fieldName', data.fieldName);
await _this.selectDropdownValue('#fieldType', data.fieldType, page);
await _this.pageClick(page, '#createCustomFieldButton');
await _this.pageWaitForSelector(page, '#customFieldForm', {
hidden: true,
});
},
navigateToCustomField: async function(page) {
await page.goto(utils.DASHBOARD_URL, {
waitUntil: ['networkidle2'],
});
await _this.pageClickNavigate(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#incidentSettings', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClickNavigate(page, '#incidentSettings');
await _this.pageClick(page, '.advanced-tab');
},
pageType: async function(page, selector, text, opts) {
await _this.pageWaitForSelector(page, selector, {
visible: true,
timeout: _this.timeout,
});
await page.focus(selector);
return await page.type(selector, text, opts);
},
pageClick: async function(page, selector, opts) {
await _this.pageWaitForSelector(page, selector, {
visible: true,
timeout: _this.timeout,
});
return await page.click(selector, opts);
},
page$Eval: async function(page, selector, evalFunction, opts = null) {
await _this.pageWaitForSelector(page, selector, opts);
return await page.$eval(selector, evalFunction);
},
page$$Eval: async function(page, selector, evalFunction) {
await _this.pageWaitForSelector(page, selector);
return await page.$$eval(selector, evalFunction);
},
page$: async function(page, selector, opts) {
await _this.pageWaitForSelector(page, selector, opts);
return await page.$(selector, opts);
},
page$$: async function(page, selector, opts) {
await _this.pageWaitForSelector(page, selector);
return await page.$$(selector, opts);
},
pageWaitForSelector: async function(page, selector, opts) {
if (!opts) {
opts = {};
}
if (!opts.timeout) {
opts.timeout = _this.timeout;
}
if (!opts.hidden) {
opts.visible = true;
}
return await page.waitForSelector(selector, {
...opts,
});
},
isElementOnPage: async function(page, selector) {
if (await page.$(selector)) {
return true;
} else {
return false;
}
},
pageClickNavigate: async function(page, selector, opts) {
await _this.pageWaitForSelector(page, selector, {
visible: true,
timeout: _this.timeout,
});
return await Promise.all([
page.click(selector, opts),
page.waitForNavigation({ waitUntil: 'networkidle2' }), // This ensures every id is loaded upon page routing
]);
},
navigateToTwilio: async function(page) {
await page.goto(utils.DASHBOARD_URL);
await _this.pageWaitForSelector(page, '#projectSettings', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#smsCalls');
await _this.pageClick(page, '#smsCalls');
},
navigateToSmtp: async function(page) {
await page.goto(utils.DASHBOARD_URL);
await _this.pageWaitForSelector(page, '#projectSettings', {
visible: true,
timeout: _this.timeout,
});
await _this.pageClick(page, '#projectSettings');
await _this.pageWaitForSelector(page, '#more');
await _this.pageClick(page, '#more');
await _this.pageWaitForSelector(page, '#email');
await _this.pageClick(page, '#email');
},
};
module.exports = _this;
Reference in New Issue View Git Blame Copy Permalink