import { Builder, By, Key, until, Select, Browser } from 'selenium-webdriver';
import { Options as ChromeOptions } from 'selenium-webdriver/chrome.js';
import fs, { link } from 'fs';
import XLSX from 'xlsx';
import path from 'path';

const alignStandardsPage = (req, res) => {
  res.send('<h2>ExACT Automated Test Script: Align - Standards Page(alignStandardsPage): Initiated</h2>');
  (async function example() {
    let driver = await new Builder()
      .forBrowser('chrome')
      .setChromeOptions(
        new ChromeOptions()
          .addArguments('--disable-features=MediaRouter')
          .addArguments('--disable-extensions')
          .addArguments('--disable-background-networking')
          .addArguments('--log-level=3')
      )
      .build();
    let testStatus = 'Failed';
    let workbook;
    let worksheet;
    const startTime = new Date().toISOString();

const steps = [
  { description: 'Navigate to ExACT Landing Page', action: async () => await driver.navigate().to('https://correlation.edgate.com/exact/login.php') },
  { description: 'Expand browser', action: async () => await driver.manage().window().maximize() },

  //Login
  {
    description: 'Login',
    action: async () => {
      const multipleChecks = 'Log In';

      console.log('------------->| ALIGN - STANDARDS PAGE |<-------------');
      const errors = [];

      await driver.findElement(By.css('.form-control:nth-child(2)')).sendKeys('exact_juan');
      await driver.findElement(By.css('.passfield')).sendKeys('Edgate1!');
      await driver.findElement(By.css('.login')).click();
      console.log('----->| NEXT ACTION: Entered credentials and logged in');

      //Wait for page readyState
      await driver.wait(async () => {
        const readyState = await driver.executeScript('return document.readyState');
        return readyState === 'complete';
      }, 30000, 'ExACT Dashboard did not fully load within 30 seconds');

      //Wait for the dashboard container to exist in DOM
      await driver.wait(
        until.elementLocated(By.css('.gap-idle-wrap > img')),
        30000,
        'Dashboard image did not appear within 30 seconds'
      );

      //Wait for it to be visible
      await driver.wait(async () => {
        try {
          const img = await driver.findElement(By.css('.gap-idle-wrap > img'));
          return await img.isDisplayed();
        } catch (e) {
          return false;
        }
      }, 30000, 'Dashboard image did not become visible within 30 seconds');

      //Wait for any loading spinners to disappear
      await driver.wait(async () => {
        try {
          const spinners = await driver.findElements(By.css('.spinner-border'));
          for (const spinner of spinners) {
            if (await spinner.isDisplayed()) return false;
          }
          return true;
        } catch (e) {
          return true;
        }
      }, 30000, 'Loading spinners did not disappear within 30 seconds');

      //Wait for the slowest resource to complete
      await driver.wait(async () => {
        const completed = await driver.executeScript(`
          const entries = performance.getEntriesByType('resource');
          return entries.some(entry => 
            entry.name.includes('content_sets.php') && 
            entry.responseEnd > 0
          );
        `);
        return completed;
      }, 30000, 'My Content widget (content_sets.php) did not complete loading within 30 seconds');
      console.log('Passed: My Content widget (content_sets.php) loaded successfully - Dashboard fully loaded');

      //Final sleep to allow any remaining dynamic content to settle
      await driver.sleep(2000);

      console.log('Passed: ExACT Dashboard loaded successfully');

      if (errors.length > 0) {
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Dashboard title
  {
    description: 'Dashboard title text, size, and color',
    action: async () => {
      const multipleChecks = 'Dashboard title';

      const element = await driver.findElement(By.css('.e-heading'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Correlation Dashboard') {
        console.log('Passed: Dashboard title text matched as expected');
      } else {
        errors.push(`Expected: "Correlation Dashboard"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === `"DM Serif Display", serif`) {
        console.log('Passed: Dashboard title font-family matched as expected');
      } else {
        errors.push(`Expected: Dashboard title font-family "DM Serif Display, serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '32px') {
        console.log('Passed: Dashboard title text font-size matched as expected');
      } else {
        errors.push(`Expected: Dashboard title text font-size "32px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Dashboard title text color matched as expected');
      } else {
        errors.push(`Expected: Dashboard title text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //NEXT ACTION
  {
    description: 'Click Align navigation link',
    action: async () => {
      await driver.findElement(By.linkText('Align')).click();
      console.log('----->| NEXT ACTION: Clicked Align navigation link');

      //Wait for page readyState
      await driver.wait(async () => {
        const readyState = await driver.executeScript('return document.readyState');
        return readyState === 'complete';
      }, 30000, 'Align page did not fully load within 30 seconds');

      //Wait until the element exists in the DOM
      const contentTab = await driver.wait(
        until.elementLocated(By.css('#content-tab')),
        30000
      );

      //Wait until it becomes visible
      await driver.wait(
        until.elementIsVisible(contentTab),
        30000
      );
    }
  },

  //Content tab
  {
    description: 'Content tab title text, size, color, and background color',
    action: async () => {
      const multipleChecks = 'Content tab title';

      const element = await driver.findElement(By.linkText('Content'));

      //Get text, font, size, color, and background color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');
      const elementBgColor = await element.getCssValue('background-color');

      //Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
      const tooltipHost = await element.findElement(By.xpath('./parent::li'));
      const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
      const elementTitleFont = await element.getCssValue('font-family');
      const elementTitleSize = await element.getCssValue('font-size');
      const elementTitleColor = await element.getCssValue('color');
      const elementTitleBgColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //element text
      if (elementText === 'Content') {
        console.log('Passed: Content tab title text matched as expected');
      } else {
        errors.push(`Expected: "Content"; Actual: "${elementText}"`);
      }

      //element font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Content tab title font-family matched as expected');
      } else {
        errors.push(`Expected: Content tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //element size
      if (elementSize === '15px') {
        console.log('Passed: Content tab title text font-size matched as expected');
      } else {
        errors.push(`Expected: Content tab title text font-size "15px"; Actual: "${elementSize}"`);
      }

      //element color
      if (elementColor === 'rgba(255, 255, 255, 1)') {
        console.log('Passed: Content tab title text color matched as expected');
      } else {
        errors.push(`Expected: Content tab title text color: "rgba(255, 255, 255, 1)"; Actual: "${elementColor}"`);
      }

      //element background color
      if (elementBgColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Content tab title background color matched as expected');
      } else {
        errors.push(`Expected: Content tab title background color: "rgba(40, 39, 90, 1)"; Actual: "${elementBgColor}"`);
      }

      //element tool-tip text
      if (elementTitle === 'Browse content and align by tagging concepts') {
        console.log('Passed: Content tab tool-tip text matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip "Browse content and align by tagging concepts"; Actual: "${elementTitle}"`);
      }

      //element tool-tip font
      if (elementTitleFont === 'Poppins, sans-serif') {
        console.log('Passed: Content tab tool-tip font-family matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
      }

      //element tool-tip size
      if (elementTitleSize === '15px') {
        console.log('Passed: Content tab tool-tip text font-size matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
      }

      //element tool-tip color
      if (elementTitleColor === 'rgba(255, 255, 255, 1)') {
        console.log('Passed: Content tab tool-tip text color matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTitleColor}"`);
      }

      //element tool-tip background color
      if (elementTitleBgColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Content tab tool-tip background color matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip background color: "rgba(40, 39, 90, 1)"; Actual: "${elementTitleBgColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards tab
  {
    description: 'Standards tab title text, size, color, and background color',
    action: async () => {
      const multipleChecks = 'Standards tab title';

      const element = await driver.findElement(By.linkText('Standards'));

      //Get text, font, size, color, and background color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');
      const elementBgColor = await element.getCssValue('background-color');

      //Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
      const tooltipHost = await element.findElement(By.xpath('./parent::li'));
      const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
      const elementTitleFont = await element.getCssValue('font-family');
      const elementTitleSize = await element.getCssValue('font-size');
      const elementTitleColor = await element.getCssValue('color');
      const elementTitleBgColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //element text
      if (elementText === 'Standards') {
        console.log('Passed: Standards tab title text matched as expected');
      } else {
        errors.push(`Expected: "Standards"; Actual: "${elementText}"`);
      }

      //element font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Standards tab title font-family matched as expected');
      } else {
        errors.push(`Expected: Standards tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //element size
      if (elementSize === '15px') {
        console.log('Passed: Standards tab title text font-size matched as expected');
      } else {
        errors.push(`Expected: Standards tab title text font-size "15px"; Actual: "${elementSize}"`);
      }

      //element color
      if (elementColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: Standards tab title text color matched as expected');
      } else {
        errors.push(`Expected: Standards tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
      }

      //element background color
      if (elementBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: Standards tab title background color matched as expected');
      } else {
        errors.push(`Expected: Standards tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
      }

      //element tool-tip text
      if (elementTitle === 'Browse standards and align content using specific standards') {
        console.log('Passed: Standards tab tool-tip text matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip "Browse standards and align content using specific standards"; Actual: "${elementTitle}"`);
      }

      //element tool-tip font
      if (elementTitleFont === 'Poppins, sans-serif') {
        console.log('Passed: Standards tab tool-tip font-family matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
      }

      //element tool-tip size
      if (elementTitleSize === '15px') {
        console.log('Passed: Standards tab tool-tip text font-size matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
      }

      //element tool-tip color
      if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: Standards tab tool-tip text color matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
      }

      //element tool-tip background color
      if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: Standards tab tool-tip background color matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //AutoAlign tab
  {
    description: 'AutoAlign tab title text, size, color, and background color',
    action: async () => {
      const multipleChecks = 'AutoAlign tab title';

      const element = await driver.findElement(By.linkText('AutoAlign'));

      //Get text, font, size, color, and background color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');
      const elementBgColor = await element.getCssValue('background-color');

      //Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
      const tooltipHost = await element.findElement(By.xpath('./parent::li'));
      const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
      const elementTitleFont = await element.getCssValue('font-family');
      const elementTitleSize = await element.getCssValue('font-size');
      const elementTitleColor = await element.getCssValue('color');
      const elementTitleBgColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //element text
      if (elementText === 'AutoAlign') {
        console.log('Passed: AutoAlign tab title text matched as expected');
      } else {
        errors.push(`Expected: "AutoAlign"; Actual: "${elementText}"`);
      }

      //element font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: AutoAlign tab title font-family matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //element size
      if (elementSize === '15px') {
        console.log('Passed: AutoAlign tab title text font-size matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title text font-size "15px"; Actual: "${elementSize}"`);
      }

      //element color
      if (elementColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: AutoAlign tab title text color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
      }

      //element background color
      if (elementBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: AutoAlign tab title background color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
      }

      //element tool-tip text
      if (elementTitle === 'AutoAlign a Content Set') {
        console.log('Passed: AutoAlign tab tool-tip text matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip "AutoAlign a Content Set"; Actual: "${elementTitle}"`);
      }

      //element tool-tip font
      if (elementTitleFont === 'Poppins, sans-serif') {
        console.log('Passed: AutoAlign tab tool-tip font-family matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
      }

      //element tool-tip size
      if (elementTitleSize === '15px') {
        console.log('Passed: AutoAlign tab tool-tip text font-size matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
      }

      //element tool-tip color
      if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: AutoAlign tab tool-tip text color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
      }

      //element tool-tip background color
      if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: AutoAlign tab tool-tip background color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //NEXT ACTION
  {
    description: 'Click Standards tab',
    action: async () => {
      await driver.findElement(By.linkText('Standards')).click();
      console.log('----->| NEXT ACTION: Clicked Standards tab');

      //Wait for page readyState
      await driver.wait(async () => {
        const readyState = await driver.executeScript('return document.readyState');
        return readyState === 'complete';
      }, 30000, 'Standards page did not fully load within 30 seconds');

      //Wait until the element exists in the DOM
      const browseStandardsTitle = await driver.wait(
        until.elementLocated(By.css('#std .fom-title')),
        30000
      );

      //Wait until it becomes visible
      await driver.wait(
        until.elementIsVisible(browseStandardsTitle),
        30000
      );
    }
  },

  //Content tab
  {
    description: 'Content tab title text, size, color, and background color',
    action: async () => {
      const multipleChecks = 'Content tab title';

      const element = await driver.findElement(By.linkText('Content'));

      //Get text, font, size, color, and background color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');
      const elementBgColor = await element.getCssValue('background-color');

      //Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
      const tooltipHost = await element.findElement(By.xpath('./parent::li'));
      const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
      const elementTitleFont = await element.getCssValue('font-family');
      const elementTitleSize = await element.getCssValue('font-size');
      const elementTitleColor = await element.getCssValue('color');
      const elementTitleBgColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //element text
      if (elementText === 'Content') {
        console.log('Passed: Content tab title text matched as expected');
      } else {
        errors.push(`Expected: "Content"; Actual: "${elementText}"`);
      }

      //element font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Content tab title font-family matched as expected');
      } else {
        errors.push(`Expected: Content tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //element size
      if (elementSize === '15px') {
        console.log('Passed: Content tab title text font-size matched as expected');
      } else {
        errors.push(`Expected: Content tab title text font-size "15px"; Actual: "${elementSize}"`);
      }

      //element color
      if (elementColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: Content tab title text color matched as expected');
      } else {
        errors.push(`Expected: Content tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
      }

      //element background color
      if (elementBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: Content tab title background color matched as expected');
      } else {
        errors.push(`Expected: Content tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
      }

      //element tool-tip text
      if (elementTitle === 'Browse content and align by tagging concepts') {
        console.log('Passed: Content tab tool-tip text matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip "Browse content and align by tagging concepts"; Actual: "${elementTitle}"`);
      }

      //element tool-tip font
      if (elementTitleFont === 'Poppins, sans-serif') {
        console.log('Passed: Content tab tool-tip font-family matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
      }

      //element tool-tip size
      if (elementTitleSize === '15px') {
        console.log('Passed: Content tab tool-tip text font-size matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
      }

      //element tool-tip color
      if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: Content tab tool-tip text color matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
      }

      //element tool-tip background color
      if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: Content tab tool-tip background color matched as expected');
      } else {
        errors.push(`Expected: Content tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards tab
  {
    description: 'Standards tab title text, size, color, and background color',
    action: async () => {
      const multipleChecks = 'Standards tab title';

      const element = await driver.findElement(By.linkText('Standards'));

      //Get text, font, size, color, and background color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');
      const elementBgColor = await element.getCssValue('background-color');

      //Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
      const tooltipHost = await element.findElement(By.xpath('./parent::li'));
      const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
      const elementTitleFont = await element.getCssValue('font-family');
      const elementTitleSize = await element.getCssValue('font-size');
      const elementTitleColor = await element.getCssValue('color');
      const elementTitleBgColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //element text
      if (elementText === 'Standards') {
        console.log('Passed: Standards tab title text matched as expected');
      } else {
        errors.push(`Expected: "Standards"; Actual: "${elementText}"`);
      }

      //element font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Standards tab title font-family matched as expected');
      } else {
        errors.push(`Expected: Standards tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //element size
      if (elementSize === '15px') {
        console.log('Passed: Standards tab title text font-size matched as expected');
      } else {
        errors.push(`Expected: Standards tab title text font-size "15px"; Actual: "${elementSize}"`);
      }

      //element color
      if (elementColor === 'rgba(255, 255, 255, 1)') {
        console.log('Passed: Standards tab title text color matched as expected');
      } else {
        errors.push(`Expected: Standards tab title text color: "rgba(255, 255, 255, 1)"; Actual: "${elementColor}"`);
      }

      //element background color
      if (elementBgColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Standards tab title background color matched as expected');
      } else {
        errors.push(`Expected: Standards tab title background color: "rgba(40, 39, 90, 1)"; Actual: "${elementBgColor}"`);
      }

      //element tool-tip text
      if (elementTitle === 'Browse standards and align content using specific standards') {
        console.log('Passed: Standards tab tool-tip text matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip "Browse standards and align content using specific standards"; Actual: "${elementTitle}"`);
      }

      //element tool-tip font
      if (elementTitleFont === 'Poppins, sans-serif') {
        console.log('Passed: Standards tab tool-tip font-family matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
      }

      //element tool-tip size
      if (elementTitleSize === '15px') {
        console.log('Passed: Standards tab tool-tip text font-size matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
      }

      //element tool-tip color
      if (elementTitleColor === 'rgba(255, 255, 255, 1)') {
        console.log('Passed: Standards tab tool-tip text color matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTitleColor}"`);
      }

      //element tool-tip background color
      if (elementTitleBgColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Standards tab tool-tip background color matched as expected');
      } else {
        errors.push(`Expected: Standards tab tool-tip background color: "rgba(40, 39, 90, 1)"; Actual: "${elementTitleBgColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //AutoAlign tab
  {
    description: 'AutoAlign tab title text, size, color, and background color',
    action: async () => {
      const multipleChecks = 'AutoAlign tab title';

      const element = await driver.findElement(By.linkText('AutoAlign'));

      //Get text, font, size, color, and background color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');
      const elementBgColor = await element.getCssValue('background-color');

      //Tool-tip lives on the parent <li>; Bootstrap moves "title" into "data-original-title" and blanks "title"
      const tooltipHost = await element.findElement(By.xpath('./parent::li'));
      const elementTitle = (await tooltipHost.getAttribute('data-original-title')) || (await tooltipHost.getAttribute('title'));
      const elementTitleFont = await element.getCssValue('font-family');
      const elementTitleSize = await element.getCssValue('font-size');
      const elementTitleColor = await element.getCssValue('color');
      const elementTitleBgColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //element text
      if (elementText === 'AutoAlign') {
        console.log('Passed: AutoAlign tab title text matched as expected');
      } else {
        errors.push(`Expected: "AutoAlign"; Actual: "${elementText}"`);
      }

      //element font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: AutoAlign tab title font-family matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //element size
      if (elementSize === '15px') {
        console.log('Passed: AutoAlign tab title text font-size matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title text font-size "15px"; Actual: "${elementSize}"`);
      }

      //element color
      if (elementColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: AutoAlign tab title text color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title text color: "rgba(182, 186, 181, 1)"; Actual: "${elementColor}"`);
      }

      //element background color
      if (elementBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: AutoAlign tab title background color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab title background color: "rgba(0, 0, 0, 0)"; Actual: "${elementBgColor}"`);
      }

      //element tool-tip text
      if (elementTitle === 'AutoAlign a Content Set') {
        console.log('Passed: AutoAlign tab tool-tip text matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip "AutoAlign a Content Set"; Actual: "${elementTitle}"`);
      }

      //element tool-tip font
      if (elementTitleFont === 'Poppins, sans-serif') {
        console.log('Passed: AutoAlign tab tool-tip font-family matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip font-family "Poppins, sans-serif"; Actual: ${elementTitleFont}`);
      }

      //element tool-tip size
      if (elementTitleSize === '15px') {
        console.log('Passed: AutoAlign tab tool-tip text font-size matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip text font-size "15px"; Actual: "${elementTitleSize}"`);
      }

      //element tool-tip color
      if (elementTitleColor === 'rgba(182, 186, 181, 1)') {
        console.log('Passed: AutoAlign tab tool-tip text color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip text color: "rgba(182, 186, 181, 1)"; Actual: "${elementTitleColor}"`);
      }

      //element tool-tip background color
      if (elementTitleBgColor === 'rgba(0, 0, 0, 0)') {
        console.log('Passed: AutoAlign tab tool-tip background color matched as expected');
      } else {
        errors.push(`Expected: AutoAlign tab tool-tip background color: "rgba(0, 0, 0, 0)"; Actual: "${elementTitleBgColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Browse standards header
  {
    description: 'Browse standards text, size, and color',
    action: async () => {
      const multipleChecks = 'Browse standards header';

      const element = await driver.findElement(By.css('#std .fom-title'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Browse standards') {
        console.log('Passed: Browse standards header text matched as expected');
      } else {
        errors.push(`Expected: "Browse standards"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Browse standards header font-family matched as expected');
      } else {
        errors.push(`Expected: Browse standards header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '13px') {
        console.log('Passed: Browse standards header text font-size matched as expected');
      } else {
        errors.push(`Expected: Browse standards header text font-size "13px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Browse standards header text color matched as expected');
      } else {
        errors.push(`Expected: Browse standards header text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards header
  {
    description: 'Standards text, size, and color',
    action: async () => {
      const multipleChecks = 'Standards header';

      const element = await driver.findElement(By.css('#browse-standards > .form-group:nth-child(1) > .col-sm-12'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Standards') {
        console.log('Passed: Standards header text matched as expected');
      } else {
        errors.push(`Expected: "Standards"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Standards header font-family matched as expected');
      } else {
        errors.push(`Expected: Standards header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '13px') {
        console.log('Passed: Standards header text font-size matched as expected');
      } else {
        errors.push(`Expected: Standards header text font-size "13px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Standards header text color matched as expected');
      } else {
        errors.push(`Expected: Standards header text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Select Standards dropdown
  {
    description: 'Select standards dropdown list and value',
    action: async () => {
      const multipleChecks = 'Select standards dropdown list';

      const elementDropdown = await driver.findElement(By.css('#stdselect'));
      const selectedOption = await elementDropdown.findElement(By.css('option:checked'));

      const elementText = (await selectedOption.getText()).trim();
      const elementFont = await selectedOption.getCssValue('font-family');
      const elementSize = await selectedOption.getCssValue('font-size');
      const elementColor = await selectedOption.getCssValue('color');

      const groups = await elementDropdown.findElements(By.css('optgroup'));

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Select standards') {
        console.log('Passed: Select standards dropdown text matched as expected');
      } else {
        throw new Error(`Expected: "Select standards"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === "Poppins, sans-serif") {
        console.log('Passed: Select standards dropdown font-family matched as expected');
      } else {
        errors.push(`Expected: Select standards dropdown font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '13px') {
        console.log('Passed: Select standards dropdown font-size matched as expected');
      } else {
        errors.push(`Expected: Select standards dropdown font-size "13px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Select standards dropdown color matched as expected');
      } else {
        errors.push(`Expected: Select standards dropdown color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Group headings (bold) and their options, in page order
      const expected = [
        { group: 'United States Standards', options: ['Alabama', 'Arizona', 'California', 'Florida', 'Georgia', 'Illinois', 'New York', 'Texas', 'Washington'] },
        { group: 'Common Core Standards', options: ['Common Core State Standards'] },
        { group: 'Canada', options: ['Alberta Standards', 'Ontario Curriculum'] },
        { group: 'Australia', options: ['Australian Curriculum (ACARA) v8', 'New South Wales'] },
        { group: 'ACTFL', options: ['NCSSFL-ACTFL CAN-DO STATEMENTS'] },
        { group: 'WIDA', options: ['WIDA Consortium (2020)'] },
        { group: 'Creating Org', options: ['5th Grade Import ECS-2732', 'Imported Framework Updated', 'NewTicket'] },
        { group: 'QA Client Test Frameworks', options: ['ECS-2933 Testing On Prod', 'Widget Test', 'ecs31444'] },
        { group: 'California', options: ['California Mathematics 1997'] },
        { group: 'Demo Standards', options: ['Georgia Archived Language Arts QA', 'Georgia Current Language Arts QA', 'Georgia Future Language Arts QA'] },
        { group: 'Demo Client Standards', options: ['create group test'] },
        { group: 'New Folder', options: ['IMport Test'] }
      ];

      //group count
      if (groups.length !== expected.length) {
        errors.push(`Expected: ${expected.length} Standards dropdown group headings; Actual: ${groups.length}`);
      }

      for (let i = 0; i < Math.min(groups.length, expected.length); i++) {
        const groupLabel = (await groups[i].getAttribute('label')).trim();
        const groupWeight = await groups[i].getCssValue('font-weight');
        const groupOptions = await groups[i].findElements(By.css('option'));

        const actualOptions = [];
        for (const opt of groupOptions) {
          actualOptions.push((await opt.getText()).trim());
        }

        //group heading text
        if (groupLabel === expected[i].group) {
          console.log(`Passed: Standards dropdown group heading "${groupLabel}" matched as expected`);
        } else {
          errors.push(`Expected: Standards dropdown group heading "${expected[i].group}"; Actual: "${groupLabel}"`);
        }

        //group heading bold
        if (Number(groupWeight) >= 400 || groupWeight === 'bold') {
          console.log(`Passed: Standards dropdown group heading "${groupLabel}" was bold as expected`);
        } else {
          errors.push(`Expected: Standards dropdown group heading "${groupLabel}" font-weight bold; Actual: "${groupWeight}"`);
        }

        //group options
        if (JSON.stringify(actualOptions) === JSON.stringify(expected[i].options)) {
          console.log(`Passed: Standards dropdown "${groupLabel}" options matched as expected`);
        } else {
          errors.push(`Expected: Standards dropdown "${expected[i].group}" options ${JSON.stringify(expected[i].options)}; Actual: ${JSON.stringify(actualOptions)}`);
        }
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards Display header
  {
    description: 'Standards Display text, size, and color',
    action: async () => {
      const multipleChecks = 'Standards Display header';

      const element = await driver.findElement(By.css('.form-group:nth-child(2) > .col-sm-2'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Standards Display') {
        console.log('Passed: Standards Display header text matched as expected');
      } else {
        errors.push(`Expected: "Standards Display"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Standards Display header font-family matched as expected');
      } else {
        errors.push(`Expected: Standards Display header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '13px') {
        console.log('Passed: Standards Display header text font-size matched as expected');
      } else {
        errors.push(`Expected: Standards Display header text font-size "13px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Standards Display header text color matched as expected');
      } else {
        errors.push(`Expected: Standards Display header text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards Display - All radio button and label
  {
    description: 'Standards Display - All radio button and label text, size, and color',
    action: async () => {
      const multipleChecks = 'Standards Display - All radio button and label';

      const elementRadioButton = await driver.findElement(By.css('#gap1'));
      const elementRadioButtonValue = await elementRadioButton.getAttribute('checked');
      const element = await driver.findElement(By.css('.form-check:nth-child(1) > .form-check-label'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementTextFont = await element.getCssValue('font-family');
      const elementTextSize = await element.getCssValue('font-size');
      const elementTextColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //radio button
      if (await elementRadioButton.isDisplayed()) {
        console.log('Passed: All radio button icon was displayed as expected');
      } else {
        errors.push('Expected: All radio button icon was not displayed');
      }

      //radio button checked
      if (elementRadioButtonValue === 'true') {
        console.log('Passed: All radio button was checked as expected');
      } else {
        errors.push('Expected: All radio button was not checked');
      }

      //text
      if (elementText === 'All') {
        console.log('Passed: All radio button text matched as expected');
      } else {
        errors.push(`Expected: "All"; Actual: "${elementText}"`);
      }

      //font-family
      if (elementTextFont === "Poppins, sans-serif") {
        console.log('Passed: All radio button font matched as expected');
      } else {
        errors.push(`Expected: All radio button font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
      }

      //font size
      if (elementTextSize === '13px') {
        console.log('Passed: All radio button text font-size matched as expected');
      } else {
        errors.push(`Expected: All radio button text font-size "13px"; Actual: "${elementTextSize}"`);
      }

      //color
      if (elementTextColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: All radio button text color matched as expected');
      } else {
        errors.push(`Expected: All radio button text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards Display - Correlated Only radio button and label
  {
    description: 'Standards Display - Correlated Only radio button and label text, size, and color',
    action: async () => {
      const multipleChecks = 'Standards Display - Correlated Only radio button and label';

      const elementRadioButton = await driver.findElement(By.css('#gap2'));
      const elementRadioButtonValue = await elementRadioButton.getAttribute('checked');
      const element = await driver.findElement(By.css('.form-check:nth-child(2) > .form-check-label'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementTextFont = await element.getCssValue('font-family');
      const elementTextSize = await element.getCssValue('font-size');
      const elementTextColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //radio button
      if (await elementRadioButton.isDisplayed()) {
        console.log('Passed: Correlated Only radio button icon was displayed as expected');
      } else {
        errors.push('Expected: Correlated Only radio button icon was not displayed');
      }

      //radio button not checked
      if (elementRadioButtonValue === null) {
        console.log('Passed: Correlated Only radio button was not checked as expected');
      } else {
        errors.push(`Expected: Correlated Only radio button should not be checked; Actual checked: "${elementRadioButtonValue}"`);
      }

      //text
      if (elementText === 'Correlated Only') {
        console.log('Passed: Correlated Only radio button text matched as expected');
      } else {
        errors.push(`Expected: "Correlated Only"; Actual: "${elementText}"`);
      }

      //font-family
      if (elementTextFont === "Poppins, sans-serif") {
        console.log('Passed: Correlated Only radio button font matched as expected');
      } else {
        errors.push(`Expected: Correlated Only radio button font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
      }

      //font size
      if (elementTextSize === '13px') {
        console.log('Passed: Correlated Only radio button text font-size matched as expected');
      } else {
        errors.push(`Expected: Correlated Only radio button text font-size "13px"; Actual: "${elementTextSize}"`);
      }

      //color
      if (elementTextColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Correlated Only radio button text color matched as expected');
      } else {
        errors.push(`Expected: Correlated Only radio button text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Standards Display - Uncorrelated Only radio button and label
  {
    description: 'Standards Display - Uncorrelated Only radio button and label text, size, and color',
    action: async () => {
      const multipleChecks = 'Standards Display - Uncorrelated Only radio button and label';

      const elementRadioButton = await driver.findElement(By.css('#gap3'));
      const elementRadioButtonValue = await elementRadioButton.getAttribute('checked');
      const element = await driver.findElement(By.css('.form-check:nth-child(3) > .form-check-label'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementTextFont = await element.getCssValue('font-family');
      const elementTextSize = await element.getCssValue('font-size');
      const elementTextColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //radio button
      if (await elementRadioButton.isDisplayed()) {
        console.log('Passed: Uncorrelated Only radio button icon was displayed as expected');
      } else {
        errors.push('Expected: Uncorrelated Only radio button icon was not displayed');
      }

      //radio button not checked
      if (elementRadioButtonValue === null) {
        console.log('Passed: Uncorrelated Only radio button was not checked as expected');
      } else {
        errors.push(`Expected: Uncorrelated Only radio button should not be checked; Actual checked: "${elementRadioButtonValue}"`);
      }

      //text
      if (elementText === 'Uncorrelated Only') {
        console.log('Passed: Uncorrelated Only radio button text matched as expected');
      } else {
        errors.push(`Expected: "Uncorrelated Only"; Actual: "${elementText}"`);
      }

      //font-family
      if (elementTextFont === "Poppins, sans-serif") {
        console.log('Passed: Uncorrelated Only radio button font matched as expected');
      } else {
        errors.push(`Expected: Uncorrelated Only radio button font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
      }

      //font size
      if (elementTextSize === '13px') {
        console.log('Passed: Uncorrelated Only radio button text font-size matched as expected');
      } else {
        errors.push(`Expected: Uncorrelated Only radio button text font-size "13px"; Actual: "${elementTextSize}"`);
      }

      //color
      if (elementTextColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Uncorrelated Only radio button text color matched as expected');
      } else {
        errors.push(`Expected: Uncorrelated Only radio button text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Show Correlations From header
  {
    description: 'Show Correlations From header text, size, and color',
    action: async () => {
      const multipleChecks = 'Show Correlations From header';

      const element = await driver.findElement(By.css('.form-group:nth-child(3) > .col-form-label'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Show Correlations From') {
        console.log('Passed: Show Correlations From header text matched as expected');
      } else {
        errors.push(`Expected: "Show Correlations From"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Show Correlations From header font-family matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '13px') {
        console.log('Passed: Show Correlations From header text font-size matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From header text font-size "13px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Show Correlations From header text color matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From header text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Show Correlations From dropdown list and value
  {
    description: 'Show Correlations From dropdown list and value',
    action: async () => {
      const multipleChecks = 'Show Correlations From dropdown list';

      //Multiselect widget that replaces the hidden #selectOrg select
      const selectedOption = await driver.findElement(By.css('#selectOrg + .btn-group .multiselect-selected-text'));
      //Title attribute lives on the toggle button, not the inner span
      const toggleButton = await driver.findElement(By.css('#selectOrg + .btn-group button.multiselect'));

      const elementText = (await selectedOption.getText()).trim();
      const elementTitle = await toggleButton.getAttribute('title');
      const elementFont = await selectedOption.getCssValue('font-family');
      const elementSize = await selectedOption.getCssValue('font-size');
      const elementColor = await selectedOption.getCssValue('color');

      //List items, excluding the Search filter row
      const items = await driver.findElements(By.css('#selectOrg + .btn-group .multiselect-container > li:not(.filter)'));

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'All Content Sets') {
        console.log('Passed: Show Correlations From dropdown text matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From: "All Content Sets"; Actual: "${elementText}"`);
      }

      //title
      if (elementTitle === 'All Content Sets') {
        console.log('Passed: Show Correlations From dropdown title matched as expected');
      } else {
        errors.push(`Expected: "All Content Sets"; Actual: "${elementTitle}"`);
      }

      //font
      if (elementFont === "Poppins, sans-serif") {
        console.log('Passed: Show Correlations From dropdown font-family matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From dropdown font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '16px') {
        console.log('Passed: Show Correlations From dropdown font-size matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From dropdown font-size "16px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(33, 37, 41, 1)') {
        console.log('Passed: Show Correlations From dropdown color matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From dropdown color: "rgba(33, 37, 41, 1)"; Actual: "${elementColor}"`);
      }

      const expected = [
        'Select all',
        'US History III',
        'English I',
        'Algebra',
        'Biology',
        'Copy Move Delete Test 1',
        'Copy Move Delete Test 2',
        'Import Align - Concept Based 1',
        'Import Align - Concept Based 2',
        'Import Align - Direct Align 1',
        'Import Align - Direct Align 2',
        'Math Alignment Import Test',
        'create me',
        'Illustrative Math Test 1',
        'Illustrative Math Test 2',
        'Khan URL test',
        'seesaw test',
        'ECS-3037 On Prod TC2',
        'ECS-3037 On Prod TC1',
        'webinar test',
        'Review Screen Open',
        'New One For Agust Post Night',
        'Post NIght July26',
        'create import test'
      ];

      const actual = [];
      const missingCheckbox = [];

      for (const item of items) {
        //textContent is used because the list is hidden until the dropdown is opened
        const label = await item.findElement(By.css('label.checkbox'));
        const text = (await label.getAttribute('textContent')).trim();
        actual.push(text);

        //checkbox
        const checkbox = await label.findElements(By.css('input[type="checkbox"]'));
        if (checkbox.length === 0) {
          missingCheckbox.push(text);
        }
      }

      //list text
      if (JSON.stringify(actual) === JSON.stringify(expected)) {
        console.log('Passed: Show Correlations From dropdown list matched as expected');
      } else {
        errors.push(`Expected: Show Correlations From dropdown list: ${JSON.stringify(expected)}; Actual: ${JSON.stringify(actual)}`);
      }

      //list checkboxes
      if (items.length > 0 && missingCheckbox.length === 0) {
        console.log('Passed: Show Correlations From dropdown list checkboxes were present as expected');
      } else {
        errors.push(`Expected: Show Correlations From dropdown list checkbox for each item; Missing: ${JSON.stringify(missingCheckbox)}`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Term Search header
  {
    description: 'Term Search header text, size, and color',
    action: async () => {
      const multipleChecks = 'Term Search header';

      const element = await driver.findElement(By.css('.form-group:nth-child(7) > .col-sm-2'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementFont = await element.getCssValue('font-family');
      const elementSize = await element.getCssValue('font-size');
      const elementColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Term Search') {
        console.log('Passed: Term Search header text matched as expected');
      } else {
        errors.push(`Expected: "Term Search"; Actual: "${elementText}"`);
      }

      //font
      if (elementFont === 'Poppins, sans-serif') {
        console.log('Passed: Term Search header font-family matched as expected');
      } else {
        errors.push(`Expected: Term Search header font-family "Poppins, sans-serif"; Actual: ${elementFont}`);
      }

      //size
      if (elementSize === '13px') {
        console.log('Passed: Term Search header text font-size matched as expected');
      } else {
        errors.push(`Expected: Term Search header text font-size "13px"; Actual: "${elementSize}"`);
      }

      //color
      if (elementColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Term Search header text color matched as expected');
      } else {
        errors.push(`Expected: Term Search header text color: "rgba(40, 39, 90, 1)"; Actual: "${elementColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Term Search dropdown value
  {
    description: 'Term Search dropdown value',
    action: async () => {
      const elementText = await driver.findElement(By.css('#searchTerm')).getAttribute('value');
      if (elementText === '') {
        console.log('Passed: Term Search dropdown value was empty as expected');
      } else {
        errors.push(`Expected: Term Search dropdown to be "empty"; Actual: "${elementText}"`);
      }
      
    }
  },

  //Inclue Related Standards checkbox and label
  {
    description: 'Include Related Standards checkbox and label text, size, and color',
    action: async () => {
      const multipleChecks = 'Include Related Standards checkbox and label';

      const elementCheckbox = await driver.findElement(By.css('#doRel'));
      const elementCheckboxValue = await elementCheckbox.getAttribute('checked');
      const element = await driver.findElement(By.css('.col-sm-offset-2 > label'));

      //Get text, font, size, and color
      const elementText = await element.getText();
      const elementTextFont = await element.getCssValue('font-family');
      const elementTextSize = await element.getCssValue('font-size');
      const elementTextColor = await element.getCssValue('color');

      //Track all errors
      const errors = [];

      //checkbox
      if (await elementCheckbox.isDisplayed()) {
        console.log('Passed: Include Related Standards checkbox icon was displayed as expected');
      } else {
        errors.push('Expected: Include Related Standards checkbox icon was not displayed');
      }

      //checkbox not checked
      if (elementCheckboxValue === null) {
        console.log('Passed: Include Related Standards checkbox was not checked as expected');
      } else {
        errors.push(`Expected: Include Related Standards checkbox should not be checked; Actual checked: "${elementCheckboxValue}"`);
      }

      //text
      if (elementText === 'Include Related Standards') {
        console.log('Passed: Include Related Standards checkbox text matched as expected');
      } else {
        errors.push(`Expected: "Include Related Standards"; Actual: "${elementText}"`);
      }

      //font-family
      if (elementTextFont === "Poppins, sans-serif") {
        console.log('Passed: Include Related Standards checkbox font matched as expected');
      } else {
        errors.push(`Expected: Include Related Standards checkbox font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
      }

      //font size
      if (elementTextSize === '13px') {
        console.log('Passed: Include Related Standards checkbox text font-size matched as expected');
      } else {
        errors.push(`Expected: Include Related Standards checkbox text font-size "13px"; Actual: "${elementTextSize}"`);
      }

      //color
      if (elementTextColor === 'rgba(40, 39, 90, 1)') {
        console.log('Passed: Include Related Standards checkbox text color matched as expected');
      } else {
        errors.push(`Expected: Include Related Standards checkbox text color: "rgba(40, 39, 90, 1)"; Actual: "${elementTextColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //Search button
  {
    description: 'Search button',
    action: async () => {
      const multipleChecks = 'Search button';

      const element = await driver.findElement(By.css('#stdsubmit'));

      //Get button text, text font, text size, text color, and button color
      const elementText = await element.getAttribute('value');
      const elementTextFont = await element.getCssValue('font-family');
      const elementTextSize = await element.getCssValue('font-size');
      const elementTextColor = await element.getCssValue('color');
      const elementButtonColor = await element.getCssValue('background-color');

      //Track all errors
      const errors = [];

      //text
      if (elementText === 'Search') {
        console.log('Passed: Search button text matched as expected');
      } else {
        errors.push(`Expected: "Search"; Actual: "${elementText}"`);
      }

      //font-family
      if (elementTextFont === "Poppins, sans-serif") {
        console.log('Passed: Search button text font matched as expected');
      } else {
        errors.push(`Expected: Search button text font "Poppins, sans-serif"; Actual: ${elementTextFont}`);
      }

      //font size
      if (elementTextSize === '16px') {
        console.log('Passed: Search button text font-size matched as expected');
      } else {
        errors.push(`Expected: Search button text font-size "16px"; Actual: "${elementTextSize}"`);
      }

      //color
      if (elementTextColor === 'rgba(255, 255, 255, 1)') {
        console.log('Passed: Search button text color matched as expected');
      } else {
        errors.push(`Expected: Search button text color: "rgba(255, 255, 255, 1)"; Actual: "${elementTextColor}"`);
      }

      //button color
      if (elementButtonColor === 'rgba(48, 200, 172, 1)') {
        console.log('Passed: Search button background color matched as expected');
      } else {
        errors.push(`Expected: Search button background color: "rgba(48, 200, 172, 1)"; Actual: "${elementButtonColor}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //FOOTER
  //EdGate Copyright Logo
  {
    description: 'EdGate Copyright Logo',
    action: async () => {
      const multipleChecks = 'EdGate Copyright Logo';

      const element = await driver.findElement(By.css('footer .pull-right > a'));
      const elementLogo = await element.findElement(By.css('img'));
      const expectedHref = 'https://www.edgate.com';

      //Track all errors
      const errors = [];

      //icon present
      if (await elementLogo.isDisplayed()) {
        console.log('Passed: EdGate Copyright Logo was displayed as expected');
      } else {
        errors.push('Expected: EdGate Copyright Logo was not displayed');
      }

      //href - browser resolves the link with a trailing slash, so remove it before comparing
      const actualHref = await element.getDomAttribute('href');
      if (actualHref && actualHref === expectedHref) {
        console.log('Passed: EdGate Copyright Logo href matched as expected');
      } else {
        errors.push(`Expected: EdGate Copyright Logo href to be "https://www.edgate.com"; actual: "${actualHref}"`);
      }

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },

  //NEXT ACTION
  { 
    description: 'Log Out',
    action: async () => {
      const multipleChecks = 'Log Out';
      
      //Track all errors
      const errors = [];

      await driver.findElement(By.css('#navbarDropdown > span')).click();
      await driver.sleep(2000);
      await driver.findElement(By.linkText('Log Out')).click();
      console.log('----->| NEXT ACTION: Clicked User Profile and Logged Out');

      //Wait until the element exists in the DOM
      const exactLogo = await driver.wait(
        until.elementLocated(By.css('.logo')),
        30000
      );

      //Wait until it becomes visible
      await driver.wait(
        until.elementIsVisible(exactLogo),
        30000
      );

      //Wait for page to load completely
      await driver.wait(async () => {
        const readyState = await driver.executeScript('return document.readyState');
        return readyState === 'complete';
      }, 30000, 'ExACT Langing page did not fully load within 30 seconds');
      console.log('Passed: ExACT Landing Page loaded successfully');

      //Throw summary if any validation failed
      if (errors.length > 0) {
        //Add summary line only when multiple checks failed
        if (errors.length > 1) {
          errors.unshift(`${multipleChecks} - Multiple validation checks did not pass`);
        }

        //Throw collected messages — catch() will prefix with "FAILED:"
        throw new Error(errors.join('\n'));
      }
    }
  },
];

const logStep = (worksheet, stepDescription, status, stepIndex, timestamp, screenshotPath) => {
  const json_data = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
  json_data.push([stepIndex, stepDescription, status, timestamp, screenshotPath]);
  return XLSX.utils.aoa_to_sheet(json_data);
};

const takeScreenshot = async (driver, stepIndex, stepDescription) => {
  const screenshot = await driver.takeScreenshot();

  const dir = path.join('screenshots', 'alignStandardsPage');

  const screenshotFileName = `step_${stepIndex}_${stepDescription.replace(/\s+/g, '_')}.png`;
  const screenshotPath = path.join(dir, screenshotFileName);
  fs.writeFileSync(screenshotPath, screenshot, 'base64');
  return screenshotPath;
};

const resultsFile = path.join('results', 'alignStandardsPage.xlsx');

const clearOldResults = () => {
  //Remove old screenshots
  const screenshotDir = path.join('screenshots', 'alignStandardsPage');
  if (fs.existsSync(screenshotDir)) {
    fs.rmSync(screenshotDir, { recursive: true, force: true });
  }
  fs.mkdirSync(screenshotDir, { recursive: true });

  //Remove old Excel file
  if (fs.existsSync(resultsFile)) {
    fs.unlinkSync(resultsFile);
  }
  fs.mkdirSync('results', { recursive: true });
};

try {
  //Initialize workbook and worksheet
  clearOldResults();

  //Initialize workbook and worksheet
    workbook = XLSX.utils.book_new();
    worksheet = XLSX.utils.aoa_to_sheet([
      ['Step Number', 'Step Description', 'Status', 'Timestamp', 'Screenshot']
    ]);
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

  //Log test start time
  worksheet = logStep(worksheet, 'Test Start', 'Started', '', startTime, '');

  let allStepsPassed = true;

    const failedSteps = []; //Track failed steps

  for (const step of steps) {
    const stepIndex = steps.indexOf(step) + 1;
    const timestamp = new Date().toISOString();

  try {
      //Screenshot of failed step
      await step.action();

      //Log a successful step with no screenshot
      worksheet = logStep(
        worksheet,
        step.description,
        'Passed',
        stepIndex,
        timestamp,
        null //No screenshot for passed steps
      );

    } catch (error) {
      //Only take screenshot if the step fails
      const screenshotPath = await takeScreenshot(
        driver,
        stepIndex,
        `${step.description}_Failed`
      );

      worksheet = logStep(
        worksheet,
        step.description,
        'Failed',
        stepIndex,
        timestamp,
        screenshotPath
      );

      console.error(`Step ${stepIndex} FAILED: ${error.message}`);
      failedSteps.push(`Step ${stepIndex}: ${step.description} - ${error.message}`); //Track failed step
      testStatus = 'Failed';
      allStepsPassed = false;
    }
  }

  if (allStepsPassed) {
    console.log('------------->| THE END |<-------------');
    console.log('PASSED: Align - Standards Page(alignStandardsPage); All test steps completed successfully');
    testStatus = 'Passed';
  } else {
    console.log('------------->| THE END |<-------------');
    console.log('FAILED: (ECS-2829) Align - Standards Page(alignStandardsPage); One or more test steps failed');
    console.log('FAILED STEPS:');
    failedSteps.forEach(step => console.error(`  ✗ ${step}`));
    testStatus = 'Failed';
  }

  //Log test end time
  const endTime = new Date().toISOString();
  worksheet = logStep(worksheet, 'Test End', testStatus, '', endTime, '');

  //Write the updated worksheet back to the workbook and save it
  workbook.Sheets['Sheet1'] = worksheet;
  XLSX.writeFile(workbook, resultsFile);
} finally {
  await driver.quit();
}
})();
}

export default alignStandardsPage;