From 7fed41d6acbf9ee50e6c93a0797250830142d5a2 Mon Sep 17 00:00:00 2001 From: jhuerta Date: Thu, 29 Oct 2026 14:34:26 -0700 Subject: [PATCH] Added and completed Approve Page script --- index.js | 9 + results/approvePageResults.xlsx | Bin 0 -> 19984 bytes tests/Approve/approvePage.js | 2374 +++++++++++++++++++++++++++++++ 3 files changed, 2383 insertions(+) create mode 100644 results/approvePageResults.xlsx create mode 100644 tests/Approve/approvePage.js 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

Activity Report Page
+ +

APPROVE

+
Approve Page
| 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;