1988 lines
77 KiB
JavaScript
1988 lines
77 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 alignStandardsPage = (req, res) => {
|
|
res.send('<h2>ExACT Automated Test Script: Align - Standards Page(alignStandardsPage): 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('------------->| ALIGN - STANDARDS 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 Align navigation link',
|
|
action: async () => {
|
|
await driver.findElement(By.linkText('Align')).click();
|
|
console.log('----->| NEXT ACTION: Clicked Align navigation link');
|
|
|
|
//Wait for page readyState
|
|
await driver.wait(async () => {
|
|
const readyState = await driver.executeScript('return document.readyState');
|
|
return readyState === 'complete';
|
|
}, 30000, 'Align page did not fully load within 30 seconds');
|
|
|
|
//Wait until the element exists in the DOM
|
|
const contentTab = await driver.wait(
|
|
until.elementLocated(By.css('#content-tab')),
|
|
30000
|
|
);
|
|
|
|
//Wait until it becomes visible
|
|
await driver.wait(
|
|
until.elementIsVisible(contentTab),
|
|
30000
|
|
);
|
|
}
|
|
},
|
|
|
|
//Content tab
|
|
{
|
|
description: 'Content tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Content tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('Content'));
|
|
|
|
//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');
|
|
|
|
//Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
|
|
const tooltipHost = await element.findElement(By.xpath('./parent::li'));
|
|
const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
|
|
const elementTitleFont = await element.getCssValue('font-family');
|
|
const elementTitleSize = await element.getCssValue('font-size');
|
|
const elementTitleColor = await element.getCssValue('color');
|
|
const elementTitleBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Content') {
|
|
console.log('Passed: Content tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Content"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Content tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: Content tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Content tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title text color: "rgba(255, 255, 255, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Content tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title background color: "rgba(40, 39, 90, 1)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//element tool-tip text
|
|
if (elementTitle === 'Browse content and align by tagging concepts') {
|
|
console.log('Passed: Content tab tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip "Browse content and align by tagging concepts"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//element tool-tip font
|
|
if (elementTitleFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Content tab tool-tip font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
|
|
}
|
|
|
|
//element tool-tip size
|
|
if (elementTitleSize === '15px') {
|
|
console.log('Passed: Content tab tool-tip text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
|
|
}
|
|
|
|
//element tool-tip color
|
|
if (elementTitleColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Content tab tool-tip text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTitleColor}"`);
|
|
}
|
|
|
|
//element tool-tip background color
|
|
if (elementTitleBgColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Content tab tool-tip background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip background color: "rgba(40, 39, 90, 1)"; Actual: "${elementTitleBgColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards tab
|
|
{
|
|
description: 'Standards tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('Standards'));
|
|
|
|
//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');
|
|
|
|
//Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
|
|
const tooltipHost = await element.findElement(By.xpath('./parent::li'));
|
|
const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
|
|
const elementTitleFont = await element.getCssValue('font-family');
|
|
const elementTitleSize = await element.getCssValue('font-size');
|
|
const elementTitleColor = await element.getCssValue('color');
|
|
const elementTitleBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Standards') {
|
|
console.log('Passed: Standards tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Standards"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Standards tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: Standards tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: Standards tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Standards tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//element tool-tip text
|
|
if (elementTitle === 'Browse standards and align content using specific standards') {
|
|
console.log('Passed: Standards tab tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip "Browse standards and align content using specific standards"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//element tool-tip font
|
|
if (elementTitleFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Standards tab tool-tip font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
|
|
}
|
|
|
|
//element tool-tip size
|
|
if (elementTitleSize === '15px') {
|
|
console.log('Passed: Standards tab tool-tip text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
|
|
}
|
|
|
|
//element tool-tip color
|
|
if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: Standards tab tool-tip text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
|
|
}
|
|
|
|
//element tool-tip background color
|
|
if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Standards tab tool-tip background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//AutoAlign tab
|
|
{
|
|
description: 'AutoAlign tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'AutoAlign tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('AutoAlign'));
|
|
|
|
//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');
|
|
|
|
//Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
|
|
const tooltipHost = await element.findElement(By.xpath('./parent::li'));
|
|
const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
|
|
const elementTitleFont = await element.getCssValue('font-family');
|
|
const elementTitleSize = await element.getCssValue('font-size');
|
|
const elementTitleColor = await element.getCssValue('color');
|
|
const elementTitleBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'AutoAlign') {
|
|
console.log('Passed: AutoAlign tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "AutoAlign"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: AutoAlign tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: AutoAlign tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: AutoAlign tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: AutoAlign tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//element tool-tip text
|
|
if (elementTitle === 'AutoAlign a Content Set') {
|
|
console.log('Passed: AutoAlign tab tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip "AutoAlign a Content Set"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//element tool-tip font
|
|
if (elementTitleFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: AutoAlign tab tool-tip font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
|
|
}
|
|
|
|
//element tool-tip size
|
|
if (elementTitleSize === '15px') {
|
|
console.log('Passed: AutoAlign tab tool-tip text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
|
|
}
|
|
|
|
//element tool-tip color
|
|
if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: AutoAlign tab tool-tip text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
|
|
}
|
|
|
|
//element tool-tip background color
|
|
if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: AutoAlign tab tool-tip background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
|
|
}
|
|
|
|
//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 Standards tab',
|
|
action: async () => {
|
|
await driver.findElement(By.linkText('Standards')).click();
|
|
console.log('----->| NEXT ACTION: Clicked Standards tab');
|
|
|
|
//Wait for page readyState
|
|
await driver.wait(async () => {
|
|
const readyState = await driver.executeScript('return document.readyState');
|
|
return readyState === 'complete';
|
|
}, 30000, 'Standards page did not fully load within 30 seconds');
|
|
|
|
//Wait until the element exists in the DOM
|
|
const browseStandardsTitle = await driver.wait(
|
|
until.elementLocated(By.css('#std .fom-title')),
|
|
30000
|
|
);
|
|
|
|
//Wait until it becomes visible
|
|
await driver.wait(
|
|
until.elementIsVisible(browseStandardsTitle),
|
|
30000
|
|
);
|
|
}
|
|
},
|
|
|
|
//Content tab
|
|
{
|
|
description: 'Content tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Content tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('Content'));
|
|
|
|
//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');
|
|
|
|
//Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
|
|
const tooltipHost = await element.findElement(By.xpath('./parent::li'));
|
|
const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
|
|
const elementTitleFont = await element.getCssValue('font-family');
|
|
const elementTitleSize = await element.getCssValue('font-size');
|
|
const elementTitleColor = await element.getCssValue('color');
|
|
const elementTitleBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Content') {
|
|
console.log('Passed: Content tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Content"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Content tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: Content tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: Content tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Content tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//element tool-tip text
|
|
if (elementTitle === 'Browse content and align by tagging concepts') {
|
|
console.log('Passed: Content tab tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip "Browse content and align by tagging concepts"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//element tool-tip font
|
|
if (elementTitleFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Content tab tool-tip font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
|
|
}
|
|
|
|
//element tool-tip size
|
|
if (elementTitleSize === '15px') {
|
|
console.log('Passed: Content tab tool-tip text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
|
|
}
|
|
|
|
//element tool-tip color
|
|
if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: Content tab tool-tip text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
|
|
}
|
|
|
|
//element tool-tip background color
|
|
if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: Content tab tool-tip background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Content tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards tab
|
|
{
|
|
description: 'Standards tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('Standards'));
|
|
|
|
//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');
|
|
|
|
//Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
|
|
const tooltipHost = await element.findElement(By.xpath('./parent::li'));
|
|
const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
|
|
const elementTitleFont = await element.getCssValue('font-family');
|
|
const elementTitleSize = await element.getCssValue('font-size');
|
|
const elementTitleColor = await element.getCssValue('color');
|
|
const elementTitleBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'Standards') {
|
|
console.log('Passed: Standards tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Standards"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Standards tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: Standards tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Standards tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title text color: "rgba(255, 255, 255, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Standards tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab title background color: "rgba(40, 39, 90, 1)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//element tool-tip text
|
|
if (elementTitle === 'Browse standards and align content using specific standards') {
|
|
console.log('Passed: Standards tab tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip "Browse standards and align content using specific standards"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//element tool-tip font
|
|
if (elementTitleFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Standards tab tool-tip font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
|
|
}
|
|
|
|
//element tool-tip size
|
|
if (elementTitleSize === '15px') {
|
|
console.log('Passed: Standards tab tool-tip text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
|
|
}
|
|
|
|
//element tool-tip color
|
|
if (elementTitleColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Standards tab tool-tip text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTitleColor}"`);
|
|
}
|
|
|
|
//element tool-tip background color
|
|
if (elementTitleBgColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Standards tab tool-tip background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards tab tool-tip background color: "rgba(40, 39, 90, 1)"; Actual: "${elementTitleBgColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//AutoAlign tab
|
|
{
|
|
description: 'AutoAlign tab title text, size, color, and background color',
|
|
action: async () => {
|
|
const multipleChecks = 'AutoAlign tab title';
|
|
|
|
const element = await driver.findElement(By.linkText('AutoAlign'));
|
|
|
|
//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');
|
|
|
|
//Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
|
|
const tooltipHost = await element.findElement(By.xpath('./parent::li'));
|
|
const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
|
|
const elementTitleFont = await element.getCssValue('font-family');
|
|
const elementTitleSize = await element.getCssValue('font-size');
|
|
const elementTitleColor = await element.getCssValue('color');
|
|
const elementTitleBgColor = await element.getCssValue('background-color');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//element text
|
|
if (elementText === 'AutoAlign') {
|
|
console.log('Passed: AutoAlign tab title text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "AutoAlign"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//element font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: AutoAlign tab title font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//element size
|
|
if (elementSize === '15px') {
|
|
console.log('Passed: AutoAlign tab title text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title text font-size "15px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//element color
|
|
if (elementColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: AutoAlign tab title text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//element background color
|
|
if (elementBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: AutoAlign tab title background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
|
|
}
|
|
|
|
//element tool-tip text
|
|
if (elementTitle === 'AutoAlign a Content Set') {
|
|
console.log('Passed: AutoAlign tab tool-tip text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip "AutoAlign a Content Set"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//element tool-tip font
|
|
if (elementTitleFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: AutoAlign tab tool-tip font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
|
|
}
|
|
|
|
//element tool-tip size
|
|
if (elementTitleSize === '15px') {
|
|
console.log('Passed: AutoAlign tab tool-tip text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
|
|
}
|
|
|
|
//element tool-tip color
|
|
if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
|
|
console.log('Passed: AutoAlign tab tool-tip text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
|
|
}
|
|
|
|
//element tool-tip background color
|
|
if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
|
|
console.log('Passed: AutoAlign tab tool-tip background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: AutoAlign tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Browse standards header
|
|
{
|
|
description: 'Browse standards text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Browse standards header';
|
|
|
|
const element = await driver.findElement(By.css('#std .fom-title'));
|
|
|
|
//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 === 'Browse standards') {
|
|
console.log('Passed: Browse standards header text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Browse standards"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Browse standards header font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Browse standards header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Browse standards header text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Browse standards header text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Browse standards header text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Browse standards header 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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards header
|
|
{
|
|
description: 'Standards text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards header';
|
|
|
|
const element = await driver.findElement(By.css('#browse-standards > .form-group:nth-child(1) > .col-sm-12'));
|
|
|
|
//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 === 'Standards') {
|
|
console.log('Passed: Standards header text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Standards"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Standards header font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Standards header text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards header text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Standards header text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards header 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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Select Standards dropdown
|
|
{
|
|
description: 'Select standards dropdown list and value',
|
|
action: async () => {
|
|
const multipleChecks = 'Select standards dropdown list';
|
|
|
|
const elementDropdown = await driver.findElement(By.css('#stdselect'));
|
|
const selectedOption = await elementDropdown.findElement(By.css('option:checked'));
|
|
|
|
const elementText = (await selectedOption.getText()).trim();
|
|
const elementFont = await selectedOption.getCssValue('font-family');
|
|
const elementSize = await selectedOption.getCssValue('font-size');
|
|
const elementColor = await selectedOption.getCssValue('color');
|
|
|
|
const groups = await elementDropdown.findElements(By.css('optgroup'));
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Select standards') {
|
|
console.log('Passed: Select standards dropdown text matched as expected');
|
|
} else {
|
|
throw new Error(`Expected: "Select standards"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Select standards dropdown font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Select standards dropdown font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Select standards dropdown font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Select standards dropdown font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Select standards dropdown color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Select standards dropdown color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
//Group headings (bold) and their options, in page order
|
|
const expected = [
|
|
{ group: 'United States Standards', options: ['Alabama', 'Arizona', 'California', 'Florida', 'Georgia', 'Illinois', 'New York', 'Texas', 'Washington'] },
|
|
{ group: 'Common Core Standards', options: ['Common Core State Standards'] },
|
|
{ group: 'Canada', options: ['Alberta Standards', 'Ontario Curriculum'] },
|
|
{ group: 'Australia', options: ['Australian Curriculum (ACARA) v8', 'New South Wales'] },
|
|
{ group: 'ACTFL', options: ['NCSSFL-ACTFL CAN-DO STATEMENTS'] },
|
|
{ group: 'WIDA', options: ['WIDA Consortium (2020)'] },
|
|
{ group: 'Creating Org', options: ['5th Grade Import ECS-2732', 'Imported Framework Updated', 'NewTicket'] },
|
|
{ group: 'QA Client Test Frameworks', options: ['ECS-2933 Testing On Prod', 'Widget Test', 'ecs31444'] },
|
|
{ group: 'California', options: ['California Mathematics 1997'] },
|
|
{ group: 'Demo Standards', options: ['Georgia Archived Language Arts QA', 'Georgia Current Language Arts QA', 'Georgia Future Language Arts QA'] },
|
|
{ group: 'Demo Client Standards', options: ['create group test'] },
|
|
{ group: 'New Folder', options: ['IMport Test'] }
|
|
];
|
|
|
|
//group count
|
|
if (groups.length !== expected.length) {
|
|
errors.push(`Expected: ${expected.length} Standards dropdown group headings; Actual: ${groups.length}`);
|
|
}
|
|
|
|
for (let i = 0; i < Math.min(groups.length, expected.length); i++) {
|
|
const groupLabel = (await groups[i].getAttribute('label')).trim();
|
|
const groupWeight = await groups[i].getCssValue('font-weight');
|
|
const groupOptions = await groups[i].findElements(By.css('option'));
|
|
|
|
const actualOptions = [];
|
|
for (const opt of groupOptions) {
|
|
actualOptions.push((await opt.getText()).trim());
|
|
}
|
|
|
|
//group heading text
|
|
if (groupLabel === expected[i].group) {
|
|
console.log(`Passed: Standards dropdown group heading "${groupLabel}" matched as expected`);
|
|
} else {
|
|
errors.push(`Expected: Standards dropdown group heading "${expected[i].group}"; Actual: "${groupLabel}"`);
|
|
}
|
|
|
|
//group heading bold
|
|
if (Number(groupWeight) >= 400 || groupWeight === 'bold') {
|
|
console.log(`Passed: Standards dropdown group heading "${groupLabel}" was bold as expected`);
|
|
} else {
|
|
errors.push(`Expected: Standards dropdown group heading "${groupLabel}" font-weight bold; Actual: "${groupWeight}"`);
|
|
}
|
|
|
|
//group options
|
|
if (JSON.stringify(actualOptions) === JSON.stringify(expected[i].options)) {
|
|
console.log(`Passed: Standards dropdown "${groupLabel}" options matched as expected`);
|
|
} else {
|
|
errors.push(`Expected: Standards dropdown "${expected[i].group}" options ${JSON.stringify(expected[i].options)}; Actual: ${JSON.stringify(actualOptions)}`);
|
|
}
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards Display header
|
|
{
|
|
description: 'Standards Display text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards Display header';
|
|
|
|
const element = await driver.findElement(By.css('.form-group:nth-child(2) > .col-sm-2'));
|
|
|
|
//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 === 'Standards Display') {
|
|
console.log('Passed: Standards Display header text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Standards Display"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Standards Display header font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards Display header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Standards Display header text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards Display header text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Standards Display header text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Standards Display header 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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards Display - All radio button and label
|
|
{
|
|
description: 'Standards Display - All radio button and label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards Display - All radio button and label';
|
|
|
|
const elementRadioButton = await driver.findElement(By.css('#gap1'));
|
|
const elementRadioButtonValue = await elementRadioButton.getAttribute('checked');
|
|
const element = await driver.findElement(By.css('.form-check:nth-child(1) > .form-check-label'));
|
|
|
|
//Get text, font, size, and 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');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//radio button
|
|
if (await elementRadioButton.isDisplayed()) {
|
|
console.log('Passed: All radio button icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: All radio button icon was not displayed');
|
|
}
|
|
|
|
//radio button checked
|
|
if (elementRadioButtonValue === 'true') {
|
|
console.log('Passed: All radio button was checked as expected');
|
|
} else {
|
|
errors.push('Expected: All radio button was not checked');
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'All') {
|
|
console.log('Passed: All radio button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "All"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: All radio button font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: All radio button font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '13px') {
|
|
console.log('Passed: All radio button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: All radio button text font-size "13px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: All radio button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: All radio button text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards Display - Correlated Only radio button and label
|
|
{
|
|
description: 'Standards Display - Correlated Only radio button and label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards Display - Correlated Only radio button and label';
|
|
|
|
const elementRadioButton = await driver.findElement(By.css('#gap2'));
|
|
const elementRadioButtonValue = await elementRadioButton.getAttribute('checked');
|
|
const element = await driver.findElement(By.css('.form-check:nth-child(2) > .form-check-label'));
|
|
|
|
//Get text, font, size, and 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');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//radio button
|
|
if (await elementRadioButton.isDisplayed()) {
|
|
console.log('Passed: Correlated Only radio button icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: Correlated Only radio button icon was not displayed');
|
|
}
|
|
|
|
//radio button not checked
|
|
if (elementRadioButtonValue === null) {
|
|
console.log('Passed: Correlated Only radio button was not checked as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlated Only radio button should not be checked; Actual checked: "${elementRadioButtonValue}"`);
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'Correlated Only') {
|
|
console.log('Passed: Correlated Only radio button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Correlated Only"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Correlated Only radio button font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlated Only radio button font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '13px') {
|
|
console.log('Passed: Correlated Only radio button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlated Only radio button text font-size "13px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Correlated Only radio button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Correlated Only radio button text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Standards Display - Uncorrelated Only radio button and label
|
|
{
|
|
description: 'Standards Display - Uncorrelated Only radio button and label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Standards Display - Uncorrelated Only radio button and label';
|
|
|
|
const elementRadioButton = await driver.findElement(By.css('#gap3'));
|
|
const elementRadioButtonValue = await elementRadioButton.getAttribute('checked');
|
|
const element = await driver.findElement(By.css('.form-check:nth-child(3) > .form-check-label'));
|
|
|
|
//Get text, font, size, and 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');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//radio button
|
|
if (await elementRadioButton.isDisplayed()) {
|
|
console.log('Passed: Uncorrelated Only radio button icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: Uncorrelated Only radio button icon was not displayed');
|
|
}
|
|
|
|
//radio button not checked
|
|
if (elementRadioButtonValue === null) {
|
|
console.log('Passed: Uncorrelated Only radio button was not checked as expected');
|
|
} else {
|
|
errors.push(`Expected: Uncorrelated Only radio button should not be checked; Actual checked: "${elementRadioButtonValue}"`);
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'Uncorrelated Only') {
|
|
console.log('Passed: Uncorrelated Only radio button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Uncorrelated Only"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Uncorrelated Only radio button font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Uncorrelated Only radio button font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '13px') {
|
|
console.log('Passed: Uncorrelated Only radio button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Uncorrelated Only radio button text font-size "13px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Uncorrelated Only radio button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Uncorrelated Only radio button text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Show Correlations From header
|
|
{
|
|
description: 'Show Correlations From header text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Show Correlations From header';
|
|
|
|
const element = await driver.findElement(By.css('.form-group:nth-child(3) > .col-form-label'));
|
|
|
|
//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 === 'Show Correlations From') {
|
|
console.log('Passed: Show Correlations From header text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Show Correlations From"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Show Correlations From header font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Show Correlations From header text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From header text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Show Correlations From header text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From header 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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Show Correlations From dropdown list and value
|
|
{
|
|
description: 'Show Correlations From dropdown list and value',
|
|
action: async () => {
|
|
const multipleChecks = 'Show Correlations From dropdown list';
|
|
|
|
//Multiselect widget that replaces the hidden #selectOrg select
|
|
const selectedOption = await driver.findElement(By.css('#selectOrg + .btn-group .multiselect-selected-text'));
|
|
//Title attribute lives on the toggle button, not the inner span
|
|
const toggleButton = await driver.findElement(By.css('#selectOrg + .btn-group button.multiselect'));
|
|
|
|
const elementText = (await selectedOption.getText()).trim();
|
|
const elementTitle = await toggleButton.getAttribute('title');
|
|
const elementFont = await selectedOption.getCssValue('font-family');
|
|
const elementSize = await selectedOption.getCssValue('font-size');
|
|
const elementColor = await selectedOption.getCssValue('color');
|
|
|
|
//List items, excluding the Search filter row
|
|
const items = await driver.findElements(By.css('#selectOrg + .btn-group .multiselect-container > li:not(.filter)'));
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'All Content Sets') {
|
|
console.log('Passed: Show Correlations From dropdown text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From: "All Content Sets"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//title
|
|
if (elementTitle === 'All Content Sets') {
|
|
console.log('Passed: Show Correlations From dropdown title matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "All Content Sets"; Actual: "${elementTitle}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Show Correlations From dropdown font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From dropdown font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '16px') {
|
|
console.log('Passed: Show Correlations From dropdown font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From dropdown font-size "16px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(33, 37, 41, 1)') {
|
|
console.log('Passed: Show Correlations From dropdown color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From dropdown color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
|
|
}
|
|
|
|
const expected = [
|
|
'Select all',
|
|
'US History III',
|
|
'English I',
|
|
'Algebra',
|
|
'Biology',
|
|
'Copy Move Delete Test 1',
|
|
'Copy Move Delete Test 2',
|
|
'Import Align - Concept Based 1',
|
|
'Import Align - Concept Based 2',
|
|
'Import Align - Direct Align 1',
|
|
'Import Align - Direct Align 2',
|
|
'Math Alignment Import Test',
|
|
'create me',
|
|
'Illustrative Math Test 1',
|
|
'Illustrative Math Test 2',
|
|
'Khan URL test',
|
|
'seesaw test',
|
|
'ECS-3037 On Prod TC2',
|
|
'ECS-3037 On Prod TC1',
|
|
'webinar test',
|
|
'Review Screen Open',
|
|
'New One For Agust Post Night',
|
|
'Post NIght July26',
|
|
'create import test'
|
|
];
|
|
|
|
const actual = [];
|
|
const missingCheckbox = [];
|
|
|
|
for (const item of items) {
|
|
//textContent is used because the list is hidden until the dropdown is opened
|
|
const label = await item.findElement(By.css('label.checkbox'));
|
|
const text = (await label.getAttribute('textContent')).trim();
|
|
actual.push(text);
|
|
|
|
//checkbox
|
|
const checkbox = await label.findElements(By.css('input[type="checkbox"]'));
|
|
if (checkbox.length === 0) {
|
|
missingCheckbox.push(text);
|
|
}
|
|
}
|
|
|
|
//list text
|
|
if (JSON.stringify(actual) === JSON.stringify(expected)) {
|
|
console.log('Passed: Show Correlations From dropdown list matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From dropdown list: ${JSON.stringify(expected)}; Actual: ${JSON.stringify(actual)}`);
|
|
}
|
|
|
|
//list checkboxes
|
|
if (items.length > 0 && missingCheckbox.length === 0) {
|
|
console.log('Passed: Show Correlations From dropdown list checkboxes were present as expected');
|
|
} else {
|
|
errors.push(`Expected: Show Correlations From dropdown list checkbox for each item; Missing: ${JSON.stringify(missingCheckbox)}`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Term Search header
|
|
{
|
|
description: 'Term Search header text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Term Search header';
|
|
|
|
const element = await driver.findElement(By.css('.form-group:nth-child(7) > .col-sm-2'));
|
|
|
|
//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 === 'Term Search') {
|
|
console.log('Passed: Term Search header text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Term Search"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font
|
|
if (elementFont === 'Poppins, sans-serif') {
|
|
console.log('Passed: Term Search header font-family matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Term Search header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
|
|
}
|
|
|
|
//size
|
|
if (elementSize === '13px') {
|
|
console.log('Passed: Term Search header text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Term Search header text font-size "13px"; Actual: "${elementSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Term Search header text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Term Search header 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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Term Search dropdown value
|
|
{
|
|
description: 'Term Search dropdown value',
|
|
action: async () => {
|
|
const elementText = await driver.findElement(By.css('#searchTerm')).getAttribute('value');
|
|
if (elementText === '') {
|
|
console.log('Passed: Term Search dropdown value was empty as expected');
|
|
} else {
|
|
errors.push(`Expected: Term Search dropdown to be "empty"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
}
|
|
},
|
|
|
|
//Inclue Related Standards checkbox and label
|
|
{
|
|
description: 'Include Related Standards checkbox and label text, size, and color',
|
|
action: async () => {
|
|
const multipleChecks = 'Include Related Standards checkbox and label';
|
|
|
|
const elementCheckbox = await driver.findElement(By.css('#doRel'));
|
|
const elementCheckboxValue = await elementCheckbox.getAttribute('checked');
|
|
const element = await driver.findElement(By.css('.col-sm-offset-2 > label'));
|
|
|
|
//Get text, font, size, and 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');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//checkbox
|
|
if (await elementCheckbox.isDisplayed()) {
|
|
console.log('Passed: Include Related Standards checkbox icon was displayed as expected');
|
|
} else {
|
|
errors.push('Expected: Include Related Standards checkbox icon was not displayed');
|
|
}
|
|
|
|
//checkbox not checked
|
|
if (elementCheckboxValue === null) {
|
|
console.log('Passed: Include Related Standards checkbox was not checked as expected');
|
|
} else {
|
|
errors.push(`Expected: Include Related Standards checkbox should not be checked; Actual checked: "${elementCheckboxValue}"`);
|
|
}
|
|
|
|
//text
|
|
if (elementText === 'Include Related Standards') {
|
|
console.log('Passed: Include Related Standards checkbox text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Include Related Standards"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Include Related Standards checkbox font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Include Related Standards checkbox font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '13px') {
|
|
console.log('Passed: Include Related Standards checkbox text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Include Related Standards checkbox text font-size "13px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(40, 39, 90, 1)') {
|
|
console.log('Passed: Include Related Standards checkbox text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Include Related Standards checkbox text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//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'));
|
|
}
|
|
}
|
|
},
|
|
|
|
//Search button
|
|
{
|
|
description: 'Search button',
|
|
action: async () => {
|
|
const multipleChecks = 'Search button';
|
|
|
|
const element = await driver.findElement(By.css('#stdsubmit'));
|
|
|
|
//Get button text, text font, text size, text color, and button color
|
|
const elementText = await element.getAttribute('value');
|
|
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');
|
|
|
|
//Track all errors
|
|
const errors = [];
|
|
|
|
//text
|
|
if (elementText === 'Search') {
|
|
console.log('Passed: Search button text matched as expected');
|
|
} else {
|
|
errors.push(`Expected: "Search"; Actual: "${elementText}"`);
|
|
}
|
|
|
|
//font-family
|
|
if (elementTextFont === "Poppins, sans-serif") {
|
|
console.log('Passed: Search button text font matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Search button text font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
|
|
}
|
|
|
|
//font size
|
|
if (elementTextSize === '16px') {
|
|
console.log('Passed: Search button text font-size matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Search button text font-size "16px"; Actual: "${elementTextSize}"`);
|
|
}
|
|
|
|
//color
|
|
if (elementTextColor === 'rgba(255, 255, 255, 1)') {
|
|
console.log('Passed: Search button text color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Search button text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTextColor}"`);
|
|
}
|
|
|
|
//button color
|
|
if (elementButtonColor === 'rgba(48, 200, 172, 1)') {
|
|
console.log('Passed: Search button background color matched as expected');
|
|
} else {
|
|
errors.push(`Expected: Search button background color: "rgba(48, 200, 172, 1)"; Actual: "${elementButtonColor}"`);
|
|
}
|
|
|
|
//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.getDomAttribute('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', 'alignStandardsPage');
|
|
|
|
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', 'alignStandardsPageResults.xlsx');
|
|
|
|
const clearOldResults = () => {
|
|
//Remove old screenshots
|
|
const screenshotDir = path.join('screenshots', 'alignStandardsPage');
|
|
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: Align - Standards Page(alignStandardsPage); All test steps completed successfully');
|
|
testStatus = 'Passed';
|
|
} else {
|
|
console.log('------------->| THE END |<-------------');
|
|
console.log('FAILED: (ECS-2829) Align - Standards Page(alignStandardsPage); 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 alignStandardsPage;
|