1743 lines
64 KiB
JavaScript
1743 lines
64 KiB
JavaScript
import { Builder, By, Key, until, Select, Browser } from 'selenium-webdriver';
|
|
import { Options as ChromeOptions } from 'selenium-webdriver/chrome.js';
|
|
import fs, { link } from 'fs';
|
|
import XLSX from 'xlsx';
|
|
import path from 'path';
|
|
|
|
const reportBuildYourReportPage = (req, res) => {
|
|
res.send('<h2>ExACT Automated Test Script: Report - Build Your Report Page(reportBuildYourReportPage); Initiated</h2>');
|
|
(async function example() {
|
|
let driver = await new Builder()
|
|
.forBrowser('chrome')
|
|
.setChromeOptions(
|
|
new ChromeOptions()
|
|
.addArguments('--disable-features=MediaRouter')
|
|
.addArguments('--disable-extensions')
|
|
.addArguments('--disable-background-networking')
|
|
.addArguments('--log-level=3')
|
|
)
|
|
.build();
|
|
let testStatus = 'Failed';
|
|
let workbook;
|
|
let worksheet;
|
|
const startTime = new Date().toISOString();
|
|
|
|
const steps = [
|
|
{ description: 'Navigate to ExACT Landing Page', action: async () => await driver.navigate().to('https://correlation.edgate.com/exact/login.php') },
|
|
{ description: 'Expand browser', action: async () => await driver.manage().window().maximize() },
|
|
|
|
//Login
|
|
{
|
|
description: 'Login',
|
|
action: async () => {
|
|
const multipleChecks = 'Log In';
|
|
|
|
console.log('------------->| REPORT - BUILD YOUR REPORT PAGE |<-------------');
|
|
const errors = [];
|
|
|
|
await driver.findElement(By.css('.form-control:nth-child(2)')).sendKeys('exact_juan');
|
|
await driver.findElement(By.css('.passfield')).sendKeys('Edgate1!');
|
|
await driver.findElement(By.css('.login')).click();
|
|
console.log('----->| NEXT ACTION: Entered credentials and logged in');
|
|
|
|
//Wait for page readyState
|
|
await driver.wait(async () => {
|
|
const readyState = await driver.executeScript('return document.readyState');
|
|
return readyState === 'complete';
|
|
}, 30000, 'ExACT Dashboard did not fully load within 30 seconds');
|
|
|
|
//Wait for the dashboard container to exist in DOM
|
|
await driver.wait(
|
|
until.elementLocated(By.css('.gap-idle-wrap > img')),
|
|
30000,
|
|
'Dashboard image did not appear within 30 seconds'
|
|
);
|
|
|
|
//Wait for it to be: visible
|
|
await driver.wait(async () => {
|
|
try {
|
|
const img = await driver.findElement(By.css('.gap-idle-wrap > img'));
|
|
return await img.isDisplayed();
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}, 30000, 'Dashboard image did not become visible within 30 seconds');
|
|
|
|
//Wait for any loading spinners to disappear
|
|
await driver.wait(async () => {
|
|
try {
|
|
const spinners = await driver.findElements(By.css('.spinner-border'));
|
|
for (const spinner of spinners) {
|
|
if (await spinner.isDisplayed()) return false;
|
|
}
|
|
return true;
|
|
} catch (e) {
|
|
return true;
|
|
}
|
|
}, 30000, 'Loading spinners did not disappear within 30 seconds');
|
|
|
|
//Wait for the slowest resource to complete
|
|
await driver.wait(async () => {
|
|
const completed = await driver.executeScript(`
|
|
const entries = performance.getEntriesByType('resource');
|
|
return entries.some(entry =>
|
|
entry.name.includes('content_sets.php') &&
|
|
entry.responseEnd > 0
|
|
);
|
|
`);
|
|
return completed;
|
|
}, 30000, 'My Content widget (content_sets.php) did not complete loading within 30 seconds');
|
|
console.log('Passed: My Content widget (content_sets.php) loaded successfully - Dashboard fully loaded');
|
|
|
|
//Final sleep to allow any remaining dynamic content to settle
|
|
await driver.sleep(2000);
|
|
|
|
console.log('Passed: ExACT Dashboard loaded successfully');
|
|
|
|
if (errors.length > 0) {
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Dashboard title
|
|
{
|
|
description: 'Dashboard title text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Dashboard title';
|
|
|
|
const element = await driver.findElement(By.css('.e-heading'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Correlation Dashboard') {
|
|
console.log('Passed: Dashboard title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Correlation Dashboard"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === `"DM Serif Display", serif`) {
|
|
console.log('Passed: Dashboard title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Dashboard title font-family "DM Serif Display, serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '32px') {
|
|
console.log('Passed: Dashboard title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Dashboard title text font-size "32px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Dashboard title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Dashboard title text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//NEXT ACTION
|
|
{
|
|
description: 'Click Report navigation link',
|
|
action: async () => {
|
|
await driver.findElement(By.linkText('Report')).click();
|
|
console.log('----->| NEXT ACTION: Clicked Report navigation link');
|
|
|
|
//Wait for page readyState
|
|
await driver.wait(async () => {
|
|
const readyState = await driver.executeScript('return document.readyState');
|
|
return readyState === 'complete';
|
|
}, 30000, 'Report page did not fully load within 30 seconds');
|
|
|
|
//Wait until the element exists in the DOM
|
|
const reportPageTitle = await driver.wait(
|
|
until.elementLocated(By.css('h2')),
|
|
30000
|
|
);
|
|
|
|
//Wait until it becomes visible
|
|
await driver.wait(
|
|
until.elementIsVisible(reportPageTitle),
|
|
30000
|
|
);
|
|
}
|
|
},
|
|
|
|
//Report page title
|
|
{
|
|
description: 'Report page title text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Report page title';
|
|
|
|
const element = await driver.findElement(By.css('h2'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Report') {
|
|
console.log('Passed: Report page title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Report"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === `"DM Serif Display", serif`) {
|
|
console.log('Passed: Report page title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report page title font-family "DM Serif Display, serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '32px') {
|
|
console.log('Passed: Report page title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report page title text font-size "32px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Report page title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report page title text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Build your report tab
|
|
{
|
|
description: 'Build your report tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Build your report tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('Build your report'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Build your report') {
|
|
console.log('Passed: Build your report tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Build your report"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Build your report tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Build your report tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: Build your report tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Build your report tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Build your report tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Build your report tab title text color: "rgba(255, 255, 255, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Build your report tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Build your report tab title background color: "rgba(40, 39, 90, 1)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//View queued reports tab
|
|
{
|
|
description: 'View queued reports tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'View queued reports tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('View queued reports'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'View queued reports') {
|
|
console.log('Passed: View queued reports tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "View queued reports"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: View queued reports tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: View queued reports tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: View queued reports tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: View queued reports tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: View queued reports tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: View queued reports tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: View queued reports tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: View queued reports tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Specialty Reports tab
|
|
{
|
|
description: 'Specialty Reports tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Specialty Reports tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('Specialty Reports'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Specialty Reports') {
|
|
console.log('Passed: Specialty Reports tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Specialty Reports"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Specialty Reports tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Specialty Reports tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: Specialty Reports tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Specialty Reports tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: Specialty Reports tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Specialty Reports tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Specialty Reports tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Specialty Reports tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//BREADCRUMS
|
|
//Report Type breadcrum
|
|
{
|
|
description: 'Report Type breadcrumn label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Report Type breadcrumn label';
|
|
|
|
const element = await driver.findElement(By.css('#crumb-rept'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Report Type') {
|
|
console.log('Passed: Report Type breadcrumn label text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Report Type"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Report Type breadcrumn label font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type breadcrumn label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Report Type breadcrumn label text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type breadcrumn label text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(48, 200, 172, 1)') {
|
|
console.log('Passed: Report Type breadcrumn label text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type breadcrumn label text color: "rgba(48, 200, 172, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Main Criteria breadcrum
|
|
{
|
|
description: 'Main Criteria breadcrumn label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Main Criteria breadcrumn label';
|
|
|
|
const element = await driver.findElement(By.css('#crumb-main'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Main Criteria') {
|
|
console.log('Passed: Main Criteria breadcrumn label text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Main Criteria"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Main Criteria breadcrumn label font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria breadcrumn label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Main Criteria breadcrumn label text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria breadcrumn label text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(115, 135, 156, 1)') {
|
|
console.log('Passed: Main Criteria breadcrumn label text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria breadcrumn label text color: "rgba(115, 135, 156, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Subjects breadcrum
|
|
{
|
|
description: 'Subjects breadcrumn label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Subjects breadcrumn label';
|
|
|
|
const element = await driver.findElement(By.css('#crumb-subjects'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Subjects') {
|
|
console.log('Passed: Subjects breadcrumn label text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Subjects"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Subjects breadcrumn label font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects breadcrumn label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Subjects breadcrumn label text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects breadcrumn label text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(115, 135, 156, 1)') {
|
|
console.log('Passed: Subjects breadcrumn label text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects breadcrumn label text color: "rgba(115, 135, 156, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Grades breadcrum
|
|
{
|
|
description: 'Grades breadcrumn label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Grades breadcrumn label';
|
|
|
|
const element = await driver.findElement(By.css('#crumb-grades'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Grades') {
|
|
console.log('Passed: Grades breadcrumn label text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Grades"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Grades breadcrumn label font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades breadcrumn label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Grades breadcrumn label text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades breadcrumn label text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(115, 135, 156, 1)') {
|
|
console.log('Passed: Grades breadcrumn label text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades breadcrumn label text color: "rgba(115, 135, 156, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Correlations breadcrum
|
|
{
|
|
description: 'Correlations breadcrumn label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Correlations breadcrumn label';
|
|
|
|
const element = await driver.findElement(By.css('#crumb-correlation'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Correlations') {
|
|
console.log('Passed: Correlations breadcrumn label text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Correlations"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Correlations breadcrumn label font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations breadcrumn label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Correlations breadcrumn label text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations breadcrumn label text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(115, 135, 156, 1)') {
|
|
console.log('Passed: Correlations breadcrumn label text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations breadcrumn label text color: "rgba(115, 135, 156, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Options breadcrum
|
|
{
|
|
description: 'Options breadcrumn label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Options breadcrumn label';
|
|
|
|
const element = await driver.findElement(By.css('#crumb-options'));
|
|
|
|
//Get text, font, size, and color
|
|
const elementText = await element.getText();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Options') {
|
|
console.log('Passed: Options breadcrumn label text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Options"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Options breadcrumn label font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Options breadcrumn label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Options breadcrumn label text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Optionss breadcrumn label text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(115, 135, 156, 1)') {
|
|
console.log('Passed: Options breadcrumn label text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Options breadcrumn label text color: "rgba(115, 135, 156, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//REPORT WIDGET
|
|
//Report Type accordian title
|
|
{
|
|
description: 'Report Type accordian title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Report Type accordian title';
|
|
|
|
const element = await driver.findElement(By.css('#rept-head-label'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await driver.executeScript(
|
|
`return Array.from(arguments[0].childNodes)
|
|
.filter(node => node.nodeType === Node.TEXT_NODE)
|
|
.map(node => node.textContent)
|
|
.join('')
|
|
.trim();`,
|
|
element
|
|
);
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Report Type') {
|
|
console.log('Passed: Report Type accordian title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Report Type"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Report Type accordian title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type accordian title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Report Type accordian title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type accordian title text font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Report Type accordian title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type accordian title text color: "rgba(255, 255, 255, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Report Type accordian title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Report Type accordian title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Premium Options button and icon
|
|
{
|
|
description: 'Premium Options button text, font, size, color, button color, and icon',
|
|
action: async () => {
|
|
const multipleChecks = 'Premium Options button';
|
|
|
|
const elementIcon = await driver.findElement(By.css('.fa-usd'));
|
|
const element = await driver.findElement(By.linkText('Premium Options'));
|
|
|
|
//Get button text, text font, text size, text color, and button color
|
|
const elementText = await element.getText('');
|
|
const elementTextFont = await element.getCssValue('font-family');
|
|
const elementTextSize = await element.getCssValue('font-size');
|
|
const elementTextColor = await element.getCssValue('color');
|
|
const elementButtonColor = await element.getCssValue('background-color');
|
|
const elementTooltipText = await element.getAttribute('title');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//icon present
|
|
if (await elementIcon.isDisplayed()) {
|
|
console.log('Passed: Premium Options button icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: Premium Options button icon was not displayed');
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'Premium Options') {
|
|
console.log('Passed: Premium Options button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Premium Options"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Premium Options button text font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Premium Options button text font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '12px') {
|
|
console.log('Passed: Premium Options button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Premium Options button text font-size "12px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Premium Options button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Premium Options button text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//button color
|
|
if (elementButtonColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Premium Options button background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Premium Options button background color: "rgba(40, 39, 90, 1)"; Actual: "${elementButtonColor}"`);
|
|
}
|
|
|
|
//tool-tip
|
|
if (elementTooltipText === 'See premium report options') {
|
|
console.log('Passed: Premium Options button tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Premium Options tool-tip to be: "See premium report options"; Actual: "${elementTooltipText}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Content Reports list - group label and each option
|
|
{
|
|
description: 'Content Reports list label and options text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Content Reports list';
|
|
|
|
const group = '#reporttype optgroup[label="Content Reports"]';
|
|
const expectedItems = [
|
|
{ name: 'Content Reports label', selector: group, text: 'Content Reports', font: 'Poppins, sans-serif', size: '13px', color: 'rgba(40, 39, 90, 1)' },
|
|
{ name: 'Content Report option', selector: `${group} > option[value="2"]`, text: 'Content Report', font: 'Poppins, sans-serif', size: '13px', color: 'rgba(40, 39, 90, 1)' },
|
|
{ name: 'Rethink Content with Rationale option', selector: `${group} > option[value="4"]`, text: 'Rethink Content with Rationale', font: 'Poppins, sans-serif', size: '13px', color: 'rgba(40, 39, 90, 1)' },
|
|
];
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
for (const expected of expectedItems) {
|
|
const element = await driver.findElement(By.css(expected.selector));
|
|
|
|
//Get text, font, size, and color - the group label text lives in its "label" attribute
|
|
const elementText = expected.selector === group ? await element.getAttribute('label') : (await element.getText()).trim();
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
|
|
//text
|
|
if (elementText === expected.text) {
|
|
console.log(`Passed: ${expected.name} text matched as expected`);
|
|
} else {
|
|
errors.push(`Expected: ${expected.name} text "${expected.text}"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === expected.font) {
|
|
console.log(`Passed: ${expected.name} font-family matched as expected`);
|
|
} else {
|
|
errors.push(`Expected: ${expected.name} font-family "${expected.font}"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === expected.size) {
|
|
console.log(`Passed: ${expected.name} text font-size matched as expected`);
|
|
} else {
|
|
errors.push(`Expected: ${expected.name} text font-size "${expected.size}"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === expected.color) {
|
|
console.log(`Passed: ${expected.name} text color matched as expected`);
|
|
} else {
|
|
errors.push(`Expected: ${expected.name} text color: "${expected.color}"; Actual: "${elementColor}"`);
|
|
}
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Main Criteria accordian title
|
|
{
|
|
description: 'Main Criteria accordian title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Main Criteria accordian title';
|
|
|
|
const element = await driver.findElement(By.css('#main-head-label'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText('');
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Main Criteria') {
|
|
console.log('Passed: Main Criteria accordian title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Main Criteria"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Main Criteria accordian title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria accordian title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Main Criteria accordian title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria accordian title text font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(33, 37, 41, 1)') {
|
|
console.log('Passed: Main Criteria accordian title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria accordian title text color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Main Criteria accordian title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Main Criteria accordian title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Subjects accordian title
|
|
{
|
|
description: 'Subjects accordian title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Subjects accordian title';
|
|
|
|
const element = await driver.findElement(By.css('#subjects-head-label'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText('');
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Subjects') {
|
|
console.log('Passed: Subjects accordian title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Subjects"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Subjects accordian title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects accordian title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Subjects accordian title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects accordian title text font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(33, 37, 41, 1)') {
|
|
console.log('Passed: Subjects accordian title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects accordian title text color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Subjects accordian title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Subjects accordian title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Grades accordian title
|
|
{
|
|
description: 'Grades accordian title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Grades accordian title';
|
|
|
|
const element = await driver.findElement(By.css('#grades-head-label'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText('');
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Grades') {
|
|
console.log('Passed: Grades accordian title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Grades"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Grades accordian title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades accordian title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Grades accordian title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades accordian title text font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(33, 37, 41, 1)') {
|
|
console.log('Passed: Grades accordian title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades accordian title text color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Grades accordian title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Grades accordian title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Correlations accordian title
|
|
{
|
|
description: 'Correlations accordian title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Correlations accordian title';
|
|
|
|
const element = await driver.findElement(By.css('#correlation-head-label'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText('');
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Correlations') {
|
|
console.log('Passed: Correlations accordian title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Correlations"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Correlations accordian title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations accordian title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Correlations accordian title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations accordian title text font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(33, 37, 41, 1)') {
|
|
console.log('Passed: Correlations accordian title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations accordian title text color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Correlations accordian title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlations accordian title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Options accordian title
|
|
{
|
|
description: 'Options accordian title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Options accordian title';
|
|
|
|
const element = await driver.findElement(By.css('#options-head-label'));
|
|
|
|
//Get text, font, size, color, and background color
|
|
const elementText = await element.getText('');
|
|
const elementFont = await element.getCssValue('font-family');
|
|
const elementSize = await element.getCssValue('font-size');
|
|
const elementColor = await element.getCssValue('color');
|
|
const elementBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Options') {
|
|
console.log('Passed: Options accordian title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Options"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Options accordian title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Options accordian title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Options accordian title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Options accordian title text font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(33, 37, 41, 1)') {
|
|
console.log('Passed: Options accordian title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Options accordian title text color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Options accordian title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Options accordian title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Run Now button and icon
|
|
{
|
|
description: 'Run Now button text, font, size, color, button color, and icon',
|
|
action: async () => {
|
|
const multipleChecks = 'Run Now button';
|
|
|
|
const elementIcon = await driver.findElement(By.css('.fa-download'));
|
|
const element = await driver.findElement(By.css('#repsubmit'));
|
|
|
|
//Get button text, text font, text size, text color, and button color
|
|
const elementText = await element.getText('');
|
|
const elementTextFont = await element.getCssValue('font-family');
|
|
const elementTextSize = await element.getCssValue('font-size');
|
|
const elementTextColor = await element.getCssValue('color');
|
|
const elementButtonColor = await element.getCssValue('background-color');
|
|
const elementDisable = await element.getAttribute('disabled');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//icon present
|
|
if (await elementIcon.isDisplayed()) {
|
|
console.log('Passed: Run Now button icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: Run Now button icon was not displayed');
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'Run Now') {
|
|
console.log('Passed: Run Now button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Run Now"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Run Now button text font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run Now button text font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '16px') {
|
|
console.log('Passed: Run Now button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run Now button text font-size "16px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Run Now button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run Now button text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//button color
|
|
if (elementButtonColor === 'rgba(48, 200, 172, 1)') {
|
|
console.log('Passed: Run Now button background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run Now button background color: "rgba(48, 200, 172, 1)"; Actual: "${elementButtonColor}"`);
|
|
}
|
|
|
|
//tool-tip
|
|
if (elementDisable === 'true') {
|
|
console.log('Passed: Run Now button disabled as matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run Now disable value to be: "true"; Actual: "${elementDisable}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Run In Background button and icon
|
|
{
|
|
description: 'Run In Background button text, font, size, color, button color, and icon',
|
|
action: async () => {
|
|
const multipleChecks = 'Run In Background button';
|
|
|
|
const elementIcon = await driver.findElement(By.css('.fa-hourglass'));
|
|
const element = await driver.findElement(By.css('#repqsubmit'));
|
|
|
|
//Get button text, text font, text size, text color, and button color
|
|
const elementText = await element.getText('');
|
|
const elementTextFont = await element.getCssValue('font-family');
|
|
const elementTextSize = await element.getCssValue('font-size');
|
|
const elementTextColor = await element.getCssValue('color');
|
|
const elementButtonColor = await element.getCssValue('background-color');
|
|
const elementDisable = await element.getAttribute('disabled');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//icon present
|
|
if (await elementIcon.isDisplayed()) {
|
|
console.log('Passed: Run In Background button icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: Run In Background button icon was not displayed');
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'Run In Background') {
|
|
console.log('Passed: Run In Background button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Run In Background"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Run In Background button text font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run In Background button text font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '16px') {
|
|
console.log('Passed: Run In Background button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run In Background button text font-size "16px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Run In Background button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run In Background button text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//button color
|
|
if (elementButtonColor === 'rgba(48, 200, 172, 1)') {
|
|
console.log('Passed: Run In Background button background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run In Background button background color: "rgba(48, 200, 172, 1)"; Actual: "${elementButtonColor}"`);
|
|
}
|
|
|
|
//tool-tip
|
|
if (elementDisable === 'true') {
|
|
console.log('Passed: Run In Background button disabled as matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Run In Background disable value to be: "true"; Actual: "${elementDisable}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//FOOTER
|
|
//EdGate Copyright Logo
|
|
{
|
|
description: 'EdGate Copyright Logo',
|
|
action: async () => {
|
|
const multipleChecks = 'EdGate Copyright Logo';
|
|
|
|
const element = await driver.findElement(By.css('footer .pull-right > a'));
|
|
const elementLogo = await element.findElement(By.css('img'));
|
|
const expectedHref = 'https://www.edgate.com/';
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//icon present
|
|
if (await elementLogo.isDisplayed()) {
|
|
console.log('Passed: EdGate Copyright Logo was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: EdGate Copyright Logo was not displayed');
|
|
}
|
|
|
|
//href - browser resolves the link with a trailing slash, so remove it before comparing
|
|
const actualHref = await element.getAttribute('href');
|
|
if (actualHref && actualHref === expectedHref) {
|
|
console.log('Passed: EdGate Copyright Logo href matched as expected');
|
|
} else {
|
|
errors.push(`Expected: EdGate Copyright Logo href to be: "https://www.edgate.com/"; actual: "${actualHref}"`);
|
|
}
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//NEXT ACTION
|
|
{
|
|
description: 'Log Out',
|
|
action: async () => {
|
|
const multipleChecks = 'Log Out';
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
await driver.findElement(By.css('#navbarDropdown > span')).click();
|
|
await driver.sleep(2000);
|
|
await driver.findElement(By.linkText('Log Out')).click();
|
|
console.log('----->| NEXT ACTION: Clicked User Profile and Logged Out');
|
|
|
|
//Wait until the element exists in the DOM
|
|
const exactLogo = await driver.wait(
|
|
until.elementLocated(By.css('.logo')),
|
|
30000
|
|
);
|
|
|
|
//Wait until it becomes visible
|
|
await driver.wait(
|
|
until.elementIsVisible(exactLogo),
|
|
30000
|
|
);
|
|
|
|
//Wait for page to load completely
|
|
await driver.wait(async () => {
|
|
const readyState = await driver.executeScript('return document.readyState');
|
|
return readyState === 'complete';
|
|
}, 30000, 'ExACT Langing page did not fully load within 30 seconds');
|
|
console.log('Passed: ExACT Landing Page loaded successfully');
|
|
|
|
//Throw summary if any validation failed
|
|
if (errors.length > 0) {
|
|
//Add summary line only when multiple checks failed
|
|
if (errors.length > 1) {
|
|
errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
|
|
}
|
|
|
|
//Throw collected messages — catch() will prefix with "FAILED:"
|
|
throw new Error(errors.join('\n'));
|
|
}
|
|
}
|
|
},
|
|
];
|
|
|
|
const logStep = (worksheet, stepDescription, status, stepIndex, timestamp, screenshotPath) => {
|
|
const json_data = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
|
|
json_data.push([stepIndex, stepDescription, status, timestamp, screenshotPath]);
|
|
return XLSX.utils.aoa_to_sheet(json_data);
|
|
};
|
|
|
|
const takeScreenshot = async (driver, stepIndex, stepDescription) => {
|
|
const screenshot = await driver.takeScreenshot();
|
|
|
|
const dir = path.join('screenshots', 'reportBuildYourReportPage');
|
|
|
|
const screenshotFileName = `step_${stepIndex}_${stepDescription.replace(/\s+/g, '_')}.png`;
|
|
const screenshotPath = path.join(dir, screenshotFileName);
|
|
fs.writeFileSync(screenshotPath, screenshot, 'base64');
|
|
return screenshotPath;
|
|
};
|
|
|
|
const resultsFile = path.join('results', 'reportBuildYourReportPage.xlsx');
|
|
|
|
const clearOldResults = () => {
|
|
//Remove old screenshots
|
|
const screenshotDir = path.join('screenshots', 'reportBuildYourReportPage');
|
|
if (fs.existsSync(screenshotDir)) {
|
|
fs.rmSync(screenshotDir, { recursive: true, force: true });
|
|
}
|
|
fs.mkdirSync(screenshotDir, { recursive: true });
|
|
|
|
//Remove old Excel file
|
|
if (fs.existsSync(resultsFile)) {
|
|
fs.unlinkSync(resultsFile);
|
|
}
|
|
fs.mkdirSync('results', { recursive: true });
|
|
};
|
|
|
|
try {
|
|
//Initialize workbook and worksheet
|
|
clearOldResults();
|
|
|
|
//Initialize workbook and worksheet
|
|
workbook = XLSX.utils.book_new();
|
|
worksheet = XLSX.utils.aoa_to_sheet([
|
|
['Step Number', 'Step Description', 'Status', 'Timestamp', 'Screenshot']
|
|
]);
|
|
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
|
|
|
|
//Log test start time
|
|
worksheet = logStep(worksheet, 'Test Start', 'Started', '', startTime, '');
|
|
|
|
let allStepsPassed = true;
|
|
|
|
const failedSteps = []; //Track failed steps
|
|
|
|
for (const step of steps) {
|
|
const stepIndex = steps.indexOf(step) + 1;
|
|
const timestamp = new Date().toISOString();
|
|
|
|
try {
|
|
//Screenshot of failed step
|
|
await step.action();
|
|
|
|
//Log a successful step with no screenshot
|
|
worksheet = logStep(
|
|
worksheet,
|
|
step.description,
|
|
'Passed',
|
|
stepIndex,
|
|
timestamp,
|
|
null //No screenshot for passed steps
|
|
);
|
|
|
|
} catch (error) {
|
|
//Only take screenshot if the step fails
|
|
const screenshotPath = await takeScreenshot(
|
|
driver,
|
|
stepIndex,
|
|
`${step.description}_Failed`
|
|
);
|
|
|
|
worksheet = logStep(
|
|
worksheet,
|
|
step.description,
|
|
'Failed',
|
|
stepIndex,
|
|
timestamp,
|
|
screenshotPath
|
|
);
|
|
|
|
console.error(`Step ${stepIndex} FAILED: ${error.message}`);
|
|
failedSteps.push(`Step ${stepIndex}: ${step.description} - ${error.message}`); //Track failed step
|
|
testStatus = 'Failed';
|
|
allStepsPassed = false;
|
|
}
|
|
}
|
|
|
|
if (allStepsPassed) {
|
|
console.log('------------->| THE END |<-------------');
|
|
console.log('PASSED: Report - Build Your Report Page(reportBuildYourReportPage); All test steps completed successfully');
|
|
testStatus = 'Passed';
|
|
} else {
|
|
console.log('------------->| THE END |<-------------');
|
|
console.log('FAILED: Report - Build Your Report Page(reportBuildYourReportPage); One or more test steps failed');
|
|
console.log('FAILED STEPS:');
|
|
failedSteps.forEach(step => console.error(` ✗ ${step}`));
|
|
testStatus = 'Failed';
|
|
}
|
|
|
|
//Log test end time
|
|
const endTime = new Date().toISOString();
|
|
worksheet = logStep(worksheet, 'Test End', testStatus, '', endTime, '');
|
|
|
|
//Write the updated worksheet back to the workbook and save it
|
|
workbook.Sheets['Sheet1'] = worksheet;
|
|
XLSX.writeFile(workbook, resultsFile);
|
|
} finally {
|
|
await driver.quit();
|
|
}
|
|
})();
|
|
}
|
|
|
|
export default reportBuildYourReportPage;
|