diff --git a/index.js b/index.js
index 839a618..d0e8220 100644
--- a/index.js
+++ b/index.js
@@ -33,6 +33,9 @@ import uploadImportAlignmentsPage from './tests/Upload/uploadImportAlignmentsPag
//ACTIVITY REPORT
import activityReportPage from './tests/ActivityReport/ActivityReportPage.js';
+//APPROVV
+import approvePage from './tests/Approve/approvePage.js';
+
//Content
import ExACT_contentPage from './tests/ExACT_contentPage.js';
import ExACT_editItem from './tests/ExACT_editItem.js';
@@ -81,6 +84,9 @@ app.get('/', (req, res) => {
ACTIVITY REPORT
+
+ APPROVE
+
| APPROVE 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 Approve navigation link',
+ action: async () => {
+ await driver.findElement(By.linkText('Approve')).click();
+ console.log('----->| NEXT ACTION: Clicked Approve navigation link');
+
+ //Wait for page readyState
+ await driver.wait(async () => {
+ const readyState = await driver.executeScript('return document.readyState');
+ return readyState === 'complete';
+ }, 30000, 'Approve page did not fully load within 30 seconds');
+
+ //Wait until the element exists in the DOM
+ const approvePage = await driver.wait(
+ until.elementLocated(By.css('h2')),
+ 30000
+ );
+
+ //Wait until it becomes visible
+ await driver.wait(
+ until.elementIsVisible(approvePage),
+ 30000
+ );
+ }
+ },
+
+ //Content Approval title
+ {
+ description: 'Content Approval title text, size, and color',
+ action: async () => {
+ const multipleChecks = 'Content Approval 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 === 'Content Approval') {
+ console.log('Passed: Content Approval title text matched as expected');
+ } else {
+ errors.push(`Expected: "Content Approval"; Actual: "${elementText}"`);
+ }
+
+ //font
+ if (elementFont === `"DM Serif Display", serif`) {
+ console.log('Passed: Content Approval title font-family matched as expected');
+ } else {
+ errors.push(`Expected: Content Approval title font-family "DM Serif Display, serif"; Actual: ${elementFont}`);
+ }
+
+ //size
+ if (elementSize === '32px') {
+ console.log('Passed: Content Approval title text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Content Approval title text font-size "32px"; Actual: "${elementSize}"`);
+ }
+
+ //color
+ if (elementColor === 'rgba(40, 39, 90, 1)') {
+ console.log('Passed: Content Approval title text color matched as expected');
+ } else {
+ errors.push(`Expected: Content Approval 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'));
+ }
+ }
+ },
+
+ //Data range label
+ {
+ description: 'Data range label text, size, and color',
+ action: async () => {
+ const multipleChecks = 'Data range label';
+
+ const element = await driver.findElement(By.css('#get_report'));
+ const elementStart = await driver.findElement(By.css('.form-group:nth-child(1) > .form-label'));
+
+ //Get text, font, size, and 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 elementStartText = await elementStart.getText();
+ const elementStartFont = await elementStart.getCssValue('font-family');
+ const elementStartSize = await elementStart.getCssValue('font-size');
+ const elementStartColor = await elementStart.getCssValue('color');
+
+ //Track all errors
+ const errors = [];
+
+ //text
+ if (elementText === 'Data range:') {
+ console.log('Passed: Data range: label text matched as expected');
+ } else {
+ errors.push(`Expected: "Data range:"; Actual: "${elementText}"`);
+ }
+
+ //font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Data range: label font-family matched as expected');
+ } else {
+ errors.push(`Expected: Data range: label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //size
+ if (elementSize === '13px') {
+ console.log('Passed: Data range: label text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Data range: label text font-size "13px"; Actual: "${elementSize}"`);
+ }
+
+ //color
+ if (elementColor === 'rgba(40, 39, 90, 1)') {
+ console.log('Passed: Data range: label text color matched as expected');
+ } else {
+ errors.push(`Expected: Data range: label text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
+ }
+
+ //Start text
+ if (elementStartText === 'Start') {
+ console.log('Passed: Start label text matched as expected');
+ } else {
+ errors.push(`Expected: "Start"; Actual: "${elementStartText}"`);
+ }
+
+ //Start font
+ if (elementStartFont === 'Poppins, sans-serif') {
+ console.log('Passed: Start label font-family matched as expected');
+ } else {
+ errors.push(`Expected: Start label font-family "Poppins, sans-serif"; Actual: ${elementStartFont}`);
+ }
+
+ //Start size
+ if (elementStartSize === '13px') {
+ console.log('Passed: Start label text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Start label text font-size "13px"; Actual: "${elementStartSize}"`);
+ }
+
+ //Start color
+ if (elementStartColor === 'rgba(40, 39, 90, 1)') {
+ console.log('Passed: Start label text color matched as expected');
+ } else {
+ errors.push(`Expected: Start label text color: "rgba(40, 39, 90, 1)"; Actual: "${elementStartColor}"`);
+ }
+
+ //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'));
+ }
+ }
+ },
+
+ //Data range: Start date textbox value
+ {
+ description: 'Data range: Start date textbox value text, size, and color',
+ action: async () => {
+ const multipleChecks = 'Data range: Start date textbox value';
+
+ const element = await driver.findElement(By.css('#startdate'));
+
+ //Get text, font, size, and color
+ const elementText = await element.getAttribute('value');
+ 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 === startDate) {
+ console.log('Passed: Data range: Start date textbox value text matched as expected');
+ } else {
+ errors.push(`Expected: Data range: Start date to be: "${startDate}"; Actual: "${elementText}"`);
+ }
+
+ //font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Data range: Start date textbox value font-family matched as expected');
+ } else {
+ errors.push(`Expected: Data range: Start date textbox value font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //size
+ if (elementSize === '16px') {
+ console.log('Passed: Data range: Start date textbox text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Data range: Start date textbox text font-size "16px"; Actual: "${elementSize}"`);
+ }
+
+ //color
+ if (elementColor === 'rgba(73, 80, 87, 1)') {
+ console.log('Passed: Data range: Start date textbox text color matched as expected');
+ } else {
+ errors.push(`Expected: Data range: Start date textbox text color: "rgba(73, 80, 87, 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'));
+ }
+ }
+ },
+
+ //End label
+ {
+ description: 'End label text, size, and color',
+ action: async () => {
+ const multipleChecks = 'End label';
+
+ const element = await driver.findElement(By.css('.form-group:nth-child(2) > .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 === 'End') {
+ console.log('Passed: End label text matched as expected');
+ } else {
+ errors.push(`Expected: "End"; Actual: "${elementText}"`);
+ }
+
+ //font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: End label font-family matched as expected');
+ } else {
+ errors.push(`Expected: End label font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //size
+ if (elementSize === '13px') {
+ console.log('Passed: End label text font-size matched as expected');
+ } else {
+ errors.push(`Expected: End label text font-size "13px"; Actual: "${elementSize}"`);
+ }
+
+ //color
+ if (elementColor === 'rgba(40, 39, 90, 1)') {
+ console.log('Passed: End label text color matched as expected');
+ } else {
+ errors.push(`Expected: End label 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'));
+ }
+ }
+ },
+
+ //Data range: End date textbox value
+ {
+ description: 'Data range: End date textbox value text, size, and color',
+ action: async () => {
+ const multipleChecks = 'Data range: End date textbox value';
+
+ const element = await driver.findElement(By.css('#enddate'));
+
+ //Get text, font, size, and color
+ const elementText = await element.getAttribute('value');
+ 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 === todaysDate) {
+ console.log('Passed: Data range: End date textbox value text matched as expected');
+ } else {
+ errors.push(`Expected: Data range: End date to be: "${todaysDate}"; Actual: "${elementText}"`);
+ }
+
+ //font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Data range: End date textbox value font-family matched as expected');
+ } else {
+ errors.push(`Expected: Data range: End date textbox value font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //size
+ if (elementSize === '16px') {
+ console.log('Passed: Data range: End date textbox text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Data range: End date textbox text font-size "16px"; Actual: "${elementSize}"`);
+ }
+
+ //color
+ if (elementColor === 'rgba(73, 80, 87, 1)') {
+ console.log('Passed: Data range: End date textbox text color matched as expected');
+ } else {
+ errors.push(`Expected: Data range: End date textbox text color: "rgba(73, 80, 87, 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'));
+ }
+ }
+ },
+
+ //Submit button
+ {
+ description: 'Submit button',
+ action: async () => {
+ const multipleChecks = 'Submit button';
+
+ const element = await driver.findElement(By.css('#submit'));
+
+ //Get 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 === 'Submit') {
+ console.log('Passed: Submit button text matched as expected');
+ } else {
+ errors.push(`Expected: "Submit"; Actual: "${elementText}"`);
+ }
+
+ //font-family
+ if (elementTextFont === "Poppins, sans-serif") {
+ console.log('Passed: Submit button text font matched as expected');
+ } else {
+ errors.push(`Expected: Submit button text font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
+ }
+
+ //font size
+ if (elementTextSize === '14px') {
+ console.log('Passed: Submit button text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Submit button text font-size "14px"; Actual: "${elementTextSize}"`);
+ }
+
+ //color
+ if (elementTextColor === 'rgba(255, 255, 255, 1)') {
+ console.log('Passed: Submit button text color matched as expected');
+ } else {
+ errors.push(`Expected: Submit button text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTextColor}"`);
+ }
+
+ //button color
+ if (elementButtonColor === 'rgba(48, 200, 172, 1)') {
+ console.log('Passed: Submit button background color matched as expected');
+ } else {
+ errors.push(`Expected: Submit 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'));
+ }
+ }
+ },
+
+ //Pending Alignments tab
+ {
+ description: 'Pending Alignments tab title text, size, color, and background color',
+ action: async () => {
+ const multipleChecks = 'Pending Alignments tab title';
+
+ const element = await driver.findElement(By.linkText('Pending Alignments'));
+
+ //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');
+ const elementTitle = await element.getAttribute('title');
+
+
+ //Track all errors
+ const errors = [];
+
+ //element text
+ if (elementText === 'Pending Alignments') {
+ console.log('Passed: Pending Alignments tab title text matched as expected');
+ } else {
+ errors.push(`Expected: "Pending Alignments"; Actual: "${elementText}"`);
+ }
+
+ //element font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Pending Alignments tab title font-family matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //element size
+ if (elementSize === '15px') {
+ console.log('Passed: Pending Alignments tab title text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments tab title text font-size "15px"; Actual: "${elementSize}"`);
+ }
+
+ //element color
+ if (elementColor === 'rgba(40, 39, 90, 1)') {
+ console.log('Passed: Pending Alignments tab title text color matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments tab title text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
+ }
+
+ //element background color
+ if (elementBgColor === 'rgba(255, 255, 255, 1)') {
+ console.log('Passed: Pending Alignments tab title background color matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments tab title background color: "rgba(255, 255, 255, 1"; Actual: "${elementBgColor}"`);
+ }
+
+ //element tool-tip text
+ if (elementTitle === 'View Alignments Pending Approval Ordered By Title') {
+ console.log('Passed: Pending Alignments tab tool-tip text matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments tab tool-tip "View Alignments Pending Approval Ordered By Title"; Actual: "${elementTitle}"`);
+ }
+
+ //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 Submissions tab
+ {
+ description: 'Content Submissions tab title text, size, color, and background color',
+ action: async () => {
+ const multipleChecks = 'Content Submissions tab title';
+
+ const element = await driver.findElement(By.linkText('Content Submissions'));
+
+ //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');
+ const elementTitle = await element.getAttribute('title');
+
+ //Track all errors
+ const errors = [];
+
+ //element text
+ if (elementText === 'Content Submissions') {
+ console.log('Passed: Content Submissions tab title text matched as expected');
+ } else {
+ errors.push(`Expected: "Content Submissions"; Actual: "${elementText}"`);
+ }
+
+ //element font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Content Submissions tab title font-family matched as expected');
+ } else {
+ errors.push(`Expected: Content Submissions tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //element size
+ if (elementSize === '15px') {
+ console.log('Passed: Content Submissions tab title text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Content Submissions tab title text font-size "15px"; Actual: "${elementSize}"`);
+ }
+
+ //element color
+ if (elementColor === 'rgba(182, 186, 181, 1)') {
+ console.log('Passed: Content Submissions tab title text color matched as expected');
+ } else {
+ errors.push(`Expected: Content Submissions 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 Submissions tab title background color matched as expected');
+ } else {
+ errors.push(`Expected: Content Submissions tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
+ }
+
+ //element tool-tip text
+ if (elementTitle === 'View Content Submissions Ordered By Title') {
+ console.log('Passed: Content Submissions tab tool-tip text matched as expected');
+ } else {
+ errors.push(`Expected: Content Submissions tab tool-tip "View Content Submissions Ordered By Title"; Actual: "${elementTitle}"`);
+ }
+
+ //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'));
+ }
+ }
+ },
+
+ //Approval History tab
+ {
+ description: 'Approval History tab title text, size, color, and background color',
+ action: async () => {
+ const multipleChecks = 'Approval History tab title';
+
+ const element = await driver.findElement(By.linkText('Approval History'));
+
+ //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');
+ const elementTitle = await element.getAttribute('title');
+
+ //Track all errors
+ const errors = [];
+
+ //element text
+ if (elementText === 'Approval History') {
+ console.log('Passed: Approval History tab title text matched as expected');
+ } else {
+ errors.push(`Expected: "Approval History"; Actual: "${elementText}"`);
+ }
+
+ //element font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Approval History tab title font-family matched as expected');
+ } else {
+ errors.push(`Expected: Approval History tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //element size
+ if (elementSize === '15px') {
+ console.log('Passed: Approval History tab title text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Approval History tab title text font-size "15px"; Actual: "${elementSize}"`);
+ }
+
+ //element color
+ if (elementColor === 'rgba(182, 186, 181, 1)') {
+ console.log('Passed: Approval History tab title text color matched as expected');
+ } else {
+ errors.push(`Expected: Approval History tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
+ }
+
+ //element background color
+ if (elementBgColor === 'rgba(0, 0, 0, 0)') {
+ console.log('Passed: Approval History tab title background color matched as expected');
+ } else {
+ errors.push(`Expected: Approval History tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
+ }
+
+ //element tool-tip text
+ if (elementTitle === 'View Previous Approvals Ordered By Date') {
+ console.log('Passed: Approval History tab tool-tip text matched as expected');
+ } else {
+ errors.push(`Expected: Approval History tab tool-tip "View Previous Approvals Ordered By Date"; Actual: "${elementTitle}"`);
+ }
+
+ //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'));
+ }
+ }
+ },
+
+ //Rejection History tab
+ {
+ description: 'Rejection History tab title text, size, color, and background color',
+ action: async () => {
+ const multipleChecks = 'Rejection History tab title';
+
+ const element = await driver.findElement(By.linkText('Rejection History'));
+
+ //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');
+ const elementTitle = await element.getAttribute('title');
+
+ //Track all errors
+ const errors = [];
+
+ //element text
+ if (elementText === 'Rejection History') {
+ console.log('Passed: Rejection History tab title text matched as expected');
+ } else {
+ errors.push(`Expected: "Rejection History"; Actual: "${elementText}"`);
+ }
+
+ //element font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Rejection History tab title font-family matched as expected');
+ } else {
+ errors.push(`Expected: Rejection History tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //element size
+ if (elementSize === '15px') {
+ console.log('Passed: Rejection History tab title text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Rejection History tab title text font-size "15px"; Actual: "${elementSize}"`);
+ }
+
+ //element color
+ if (elementColor === 'rgba(182, 186, 181, 1)') {
+ console.log('Passed: Rejection History tab title text color matched as expected');
+ } else {
+ errors.push(`Expected: Rejection History tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
+ }
+
+ //element background color
+ if (elementBgColor === 'rgba(0, 0, 0, 0)') {
+ console.log('Passed: Rejection History tab title background color matched as expected');
+ } else {
+ errors.push(`Expected: Rejection History tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
+ }
+
+ //element tool-tip text
+ if (elementTitle === 'View Previous Rejections Ordered By Date') {
+ console.log('Passed: Rejection History tab tool-tip text matched as expected');
+ } else {
+ errors.push(`Expected: Rejection History tab tool-tip "View Previous Rejections Ordered By Date"; Actual: "${elementTitle}"`);
+ }
+
+ //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'));
+ }
+ }
+ },
+
+ //Pending Alignments default text
+ {
+ description: 'Pending Alignments default text, size, and color',
+ action: async () => {
+ const multipleChecks = 'Pending Alignments default text';
+
+ const element = await driver.findElement(By.css('#tabs-2 b'));
+
+ //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 === `No aligned content pending approval at this time for this user's group for the date(s) chosen.`) {
+ console.log('Passed: Pending Alignments default text matched as expected');
+ } else {
+ errors.push(`Expected: "No aligned content pending approval at this time for this user's group for the date(s) chosen."; Actual: "${elementText}"`);
+ }
+
+ //font
+ if (elementFont === 'Poppins, sans-serif') {
+ console.log('Passed: Pending Alignments default text font-family matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments default text font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
+ }
+
+ //size
+ if (elementSize === '13px') {
+ console.log('Passed: Pending Alignments default text font-size matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments default text font-size "13px"; Actual: "${elementSize}"`);
+ }
+
+ //color
+ if (elementColor === 'rgba(40, 39, 90, 1)') {
+ console.log('Passed: Pending Alignments default text color matched as expected');
+ } else {
+ errors.push(`Expected: Pending Alignments default 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 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 ; 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 ; 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 ; 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'));
+ }
+ }
+ },
+
+
+*/
+ //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', 'approvePage');
+
+ 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', 'approvePageResults.xlsx');
+
+const clearOldResults = () => {
+ //Remove old screenshots
+ const screenshotDir = path.join('screenshots', 'approvePage');
+ 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: Approve Page(approvePage); All test steps completed successfully');
+ testStatus = 'Passed';
+ } else {
+ console.log('------------->| THE END |<-------------');
+ console.log('FAILED: Approve Page(approvePage); 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 approvePage;