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 approveRejectionHistoryPage = (req, res) => { res.send('

ExACT Automated Test Script: Approve - Rejection History Page(approveRejectionHistoryPage): Initiated

'); (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(); //CONSTANTS - DATES (MM/DD/YYYY): End date defaults to today, Start date defaults to 7 days ago const formatDate = (date) => `${String(date.getMonth() + 1).padStart(2, '0')}/${String(date.getDate()).padStart(2, '0')}/${date.getFullYear()}`; const now = new Date(); const todaysDate = formatDate(now); const sevenDaysAgo = new Date(now); sevenDaysAgo.setDate(now.getDate() - 7); const startDate = formatDate(sevenDaysAgo); 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('------------->| APPROVE - REJECTION HISTORY 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, 'Pending Alignments page did not fully load within 30 seconds'); //Wait until the element exists in the DOM const tabDefaultText = await driver.wait( until.elementLocated(By.css('#tabs-2 b')), 30000 ); //Wait until it becomes visible await driver.wait( until.elementIsVisible(tabDefaultText), 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 Rejection History tab', action: async () => { await driver.findElement(By.linkText('Rejection History')).click(); console.log('----->| NEXT ACTION: Clicked Rejection History tab'); //Wait for page readyState await driver.wait(async () => { const readyState = await driver.executeScript('return document.readyState'); return readyState === 'complete'; }, 30000, 'Rejection History page did not fully load within 30 seconds'); //Wait until the element exists in the DOM const tabDefaultText = await driver.wait( until.elementLocated(By.css('#tabs-4 b')), 30000 ); //Wait until it becomes visible await driver.wait( until.elementIsVisible(tabDefaultText), 30000 ); } }, //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(182, 186, 181, 1)') { console.log('Passed: Pending Alignments tab title text color matched as expected'); } else { errors.push(`Expected: Pending Alignments tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`); } //element background color if (elementBgColor === 'rgba(0, 0, 0, 0)') { console.log('Passed: Pending Alignments tab title background color matched as expected'); } else { errors.push(`Expected: Pending Alignments tab title background color: "rgba(0, 0, 0, 0)"; 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(40, 39, 90, 1)') { console.log('Passed: Rejection History tab title text color matched as expected'); } else { errors.push(`Expected: Rejection History tab title text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`); } //element background color if (elementBgColor === 'rgba(255, 255, 255, 1)') { console.log('Passed: Rejection History tab title background color matched as expected'); } else { errors.push(`Expected: Rejection History tab title background color: "rgba(255, 255, 255, 1)"; 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')); } } }, //Rejection History default text { description: 'Rejection History default text, size, and color', action: async () => { const multipleChecks = 'Rejection History default text'; const element = await driver.findElement(By.css('#tabs-4 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 rejection history for this user for the date(s) chosen.`) { console.log('Passed: Rejection History default text matched as expected'); } else { errors.push(`Expected: "No rejection history for this user for the date(s) chosen."; Actual: "${elementText}"`); } //font if (elementFont === 'Poppins, sans-serif') { console.log('Passed: Rejection History default text font-family matched as expected'); } else { errors.push(`Expected: Rejection History default text font-family "Poppins, sans-serif"; Actual: ${elementFont}`); } //size if (elementSize === '13px') { console.log('Passed: Rejection History default text font-size matched as expected'); } else { errors.push(`Expected: Rejection History default text font-size "13px"; Actual: "${elementSize}"`); } //color if (elementColor === 'rgba(40, 39, 90, 1)') { console.log('Passed: Rejection History default text color matched as expected'); } else { errors.push(`Expected: Rejection History 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')); } } }, //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', 'approveRejectionHistoryPage'); 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', 'approveRejectionHistoryPageResults.xlsx'); const clearOldResults = () => { //Remove old screenshots const screenshotDir = path.join('screenshots', 'approveRejectionHistoryPage'); 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 - Rejection History Page(approveRejectionHistoryPage); All test steps completed successfully'); testStatus = 'Passed'; } else { console.log('------------->| THE END |<-------------'); console.log('FAILED: Approve - Rejection History Page(approveRejectionHistoryPage); 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 approveRejectionHistoryPage;