From 5e8ff27a7647d0ea1ba7c0e196d63b5594936952 Mon Sep 17 00:00:00 2001 From: jhuerta Date: Mon, 7 Oct 2024 13:45:05 -0700 Subject: [PATCH] Started Login script --- tests/ExACT_login.js | 328 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 328 insertions(+) create mode 100644 tests/ExACT_login.js diff --git a/tests/ExACT_login.js b/tests/ExACT_login.js new file mode 100644 index 0000000..015d2fd --- /dev/null +++ b/tests/ExACT_login.js @@ -0,0 +1,328 @@ +import { Builder, By, Key, until } from 'selenium-webdriver'; +import fs from 'fs'; +import XLSX from 'xlsx'; +import path from 'path'; +import { assert } from 'console'; + +const ExACT_login = (req, res) => { + res.send('

ExACT Automated Test Script - Login: Initiated

'); + (async function example() { + let driver = await new Builder().forBrowser('chrome').build(); + let testStatus = 'Failed'; + let workbook; + let worksheet; + const startTime = new Date().toISOString(); + +//Right Panel: +//Welcome back +const expectedWelcomeBackText = 'WELCOME BACK!'; + const expectedWelcomeBackColor = 'rgba(117, 117, 117, 1)' //gray +//Login +const expectedLoginTitleText = 'Login to your account'; + const expectedLoginTitleColor = 'rgba(40, 39, 90, 1)'; //navy blue + const expectedLoginTitleFont = '32px'; +//Username +const expectedUsernameLabel = 'Username'; + const expectedUsernameColor = 'rgba(40, 39, 90, 1)'; //navy blue + const expectedUsernamePlaceholder = 'Username'; +//Password +const expectedPasswordLabel = 'Password'; + const expectedPasswordColor = 'rgba(40, 39, 90, 1)'; //navy blue + const expectedPasswordPlaceholder = 'Password'; +//Forgot password link +const expectedForgotPasswordLinkColor = 'rgba(40, 39, 90, 1)'; //navy blue +//Login button +const expectedLoginButtonText = 'Login'; + const expectedLoginButtonColor = 'rgba(48, 200, 172, 1)'; //teal +//Don't have account text +const expectedDontHaveAccountText = `DON'T HAVE AN ACCOUNT?`; +//Free trial button +const expectedFreeTrialButtonText = '30 Day'; + const expectedFreeTrialButtonColor = 'rgba(0, 0, 0, 0)'; //white + +const steps = [ + { description: 'Navigate to ExACT Landing Page', action: async () => await driver.navigate().to('https://stage.edgate.com/exact/login.php') }, //PROD - https://correlation.edgate.com/exact/login.php + { description: 'Expand browser', action: async () => await driver.manage().window().maximize() }, + + //RIGHT PANEL + //ExACT logo + { description: 'Verify ExACT logo is present', action: async () => + { const expectedExactLogo = await driver.wait(until.elementLocated(By.css('.logo')), 5000).catch(() => false); + if (expectedExactLogo) + {console.log('Passed: ExACT logo present');} + else + {console.log('FAILED: ExACT logo not found');} + } + }, + + //Welcome back text + { description: 'Validate Welcome back text', action: async () => + { const elementText = await driver.findElement(By.css('#formLogin > p')).getText(); + if (elementText === expectedWelcomeBackText) + {console.log('Passed: Welcome Back! text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedWelcomeBackText}"; Actual: "${elementText}"`);} + } + }, + + //Welcome back text color + { description: 'Validate Welcome back text color', action: async () => + { const elementStyle = await driver.findElement(By.css('#formLogin > p')).getCssValue('color'); + if (elementStyle === expectedWelcomeBackColor) + {console.log('Passed: Welcome back text color matched as expected');} + else + {console.log(`FAILED: Welcome back text color Expected: "${expectedWelcomeBackColor}"; Actual: "${elementStyle}"`);} + } + }, + + //Welcome back icon + { description: 'Verify Welcome back icon is present', action: async () => + { const expectedWelcomeBackIcon = await driver.wait(until.elementLocated(By.css('p > img')), 5000).catch(() => false); + if (expectedWelcomeBackIcon) + {console.log('Passed: Welcome back icon present');} + else + {console.log('FAILED: Welcome back icon not found');} + } + }, + + //Login title text + { description: 'Validate Login title text', action: async () => + { const elementText = await driver.findElement(By.css('h2:nth-child(3)')).getText(); + if (elementText === expectedLoginTitleText) + {console.log('Passed: Login title text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedLoginTitleText}"; Actual: "${elementText}"`);} + } + }, + + //Login title text color + { description: 'Validate Login title text color', action: async () => + { const elementStyle = await driver.findElement(By.css('h2:nth-child(3)')).getCssValue('color'); + if (elementStyle === expectedLoginTitleColor) + {console.log('Passed: Login title text color matched as expected');} + else + {console.log(`FAILED: Login title text color Expected: "${expectedLoginTitleColor}"; Actual: "${elementStyle}"`);} + } + }, + + //Login title text font + { description: 'Validate Login title text font size', action: async () => + { const elementStyle = await driver.findElement(By.css('h2:nth-child(3)')).getCssValue('font-size'); + if (elementStyle === expectedLoginTitleFont) + {console.log('Passed: Login title text font-size matched as expected');} + else + {console.log(`FAILED: Login title text font-size Expected: "${expectedLoginTitleFont}"; Actual: "${elementStyle}"`);} + } + }, + + //Username label text + { description: 'Validate Username label text', action: async () => + { const elementText = await driver.findElement(By.css('.form-group:nth-child(4) > label')).getText(); + if (elementText === expectedUsernameLabel) + {console.log('Passed: Username label text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedUsernameLabel}"; Actual: "${elementText}"`);} + } + }, + + //Username label text color + { description: 'Validate Username label text color', action: async () => + { const elementStyle = await driver.findElement(By.css('.form-group:nth-child(4) > label')).getCssValue('color'); + if (elementStyle === expectedUsernameColor) + {console.log('Passed: Username label text color matched as expected');} + else + {console.log(`FAILED: Username label text color Expected: "${expectedUsernameColor}"; Actual: "${elementStyle}"`);} + } + }, + + //Username textbox placeholder + { description: 'Validate Username placeholder text', action: async () => + { const elementValue = await driver.findElement(By.css('.form-control:nth-child(2)')).getAttribute('placeholder'); + if (elementValue === expectedUsernamePlaceholder) + {console.log('Passed: Username placeholder text matched as expected');} + else + {console.log(`FAILED: Username placeholder text Expected: "${expectedUsernamePlaceholder}"; Actual: "${elementValue}"`);} + } + }, + + //Password label text + { description: 'Validate Password label text', action: async () => + { const elementText = await driver.findElement(By.css('.form-group:nth-child(5) > label')).getText(); + if (elementText === expectedPasswordLabel) + {console.log('Passed: Password label text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedPasswordLabel}"; Actual: "${elementText}"`);} + } + }, + + //Password label text color + { description: 'Validate Password label text color', action: async () => + { const elementStyle = await driver.findElement(By.css('.form-group:nth-child(5) > label')).getCssValue('color'); + if (elementStyle === expectedPasswordColor) + {console.log('Passed: Password label text color matched as expected');} + else + {console.log(`FAILED: Password label text color Expected: "${expectedPasswordColor}"; Actual: "${elementStyle}"`);} + } + }, + + //Password textbox placeholder + { description: 'Validate Password placeholder text', action: async () => + { const elementValue = await driver.findElement(By.css('.passfield')).getAttribute('placeholder'); + if (elementValue === expectedPasswordPlaceholder) + {console.log('Passed: Password placeholder text matched as expected');} + else + {console.log(`FAILED: Password placeholder text Expected: "${expectedPasswordPlaceholder}"; Actual: "${elementValue}"`);} + } + }, + + //Forgot password text link color + { description: 'Validate Forgot Password link text color', action: async () => + { const elementStyle = await driver.findElement(By.linkText('Forgot Password?')).getCssValue('color'); + if (elementStyle === expectedForgotPasswordLinkColor) + {console.log('Passed: Forgot password link text color matched as expected');} + else + {console.log(`FAILED: Forgot password link text color Expected: "${expectedForgotPasswordLinkColor}"; Actual: "${elementStyle}"`);} + } + }, + + //Login button text + { description: 'Validate Login button text', action: async () => + { const elementText = await driver.findElement(By.css('.login')).getAttribute('value'); + if (elementText === expectedLoginButtonText) + {console.log('Passed: Login button text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedLoginButtonText}"; Actual: "${elementText}"`);} + } + }, + + //Login button background color + { description: 'Validate Login button background color', action: async () => + { const elementStyle = await driver.findElement(By.css('.login')).getCssValue('background-color'); + if (elementStyle === expectedLoginButtonColor) + {console.log('Passed: Login button background color matched as expected');} + else + {console.log(`FAILED: Login button background color Expected: "${expectedLoginButtonColor}"; Actual: "${elementStyle}"`);} + } + }, + + //Don't have an account? text + { description: 'Validate Dont have account text', action: async () => + { const elementText = await driver.findElement(By.css('p:nth-child(1)')).getText(); + if (elementText === expectedDontHaveAccountText) + {console.log('Passed: Dont have an account text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedDontHaveAccountText}"; Actual: "${elementText}"`);} + } + }, + + //Free trial button text + { description: 'Validate Free trial button text', action: async () => + { const elementText = await driver.findElement(By.css('.btn > span')).getText();//attribute + if (elementText === expectedFreeTrialButtonText) + {console.log('Passed: Free trial button text matched as expected');} + else + {console.log(`FAILED: Expected: "${expectedFreeTrialButtonText}"; Actual: "${elementText}"`);} + } + }, + + //Free trial button background color + { description: 'Validate Free trial button background color', action: async () => + { const elementStyle = await driver.findElement(By.css('.btn > span')).getCssValue('background-color'); + if (elementStyle === expectedFreeTrialButtonColor) + {console.log('Passed: Free trial button background color matched as expected');} + else + {console.log(`FAILED: Free trial button background color Expected: "${expectedFreeTrialButtonColor}"; Actual: "${elementStyle}"`);} + } + }, + + //EdGate copyright image + { description: 'Verify EdGate copyright image is present', action: async () => + { const expectedEdGateCopyright = await driver.wait(until.elementLocated(By.css('.logincopyright > img')), 5000).catch(() => false); + if (expectedEdGateCopyright) + {console.log('Passed: EdGate copyright image present');} + else + {console.log('FAILED: EdGate copyright not found');} + } + }, + + //Validation + { description: 'Click Login button', action: async () => await driver.findElement(By.css('.login')).click() }, +]; + +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', 'loginScript'); + if (!fs.existsSync(dir)) { + fs.mkdirSync(dir, { recursive: true }); + } + + const screenshotFileName = `step_${stepIndex}_${stepDescription.replace(/\s+/g, '_')}.png`; + const screenshotPath = path.join(dir, screenshotFileName); + fs.writeFileSync(screenshotPath, screenshot, 'base64'); + return screenshotPath; +}; + +try { + // Initialize workbook and worksheet + if (!fs.existsSync('loginResults.xlsx')) { + 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'); + XLSX.writeFile(workbook, 'loginResults.xlsx'); + } else { + workbook = XLSX.readFile('loginResults.xlsx', { cellStyles: true }); + const sheetName = workbook.SheetNames[0]; + worksheet = workbook.Sheets[sheetName]; + } + + // Log test start time + worksheet = logStep(worksheet, 'Test Start', 'Started', '', startTime, ''); + + for (const step of steps) { + const stepIndex = steps.indexOf(step) + 1; + const timestamp = new Date().toISOString(); + + try { + await step.action(); + const screenshotPath = await takeScreenshot(driver, stepIndex, step.description); + worksheet = logStep(worksheet, step.description, 'Passed', stepIndex, timestamp, screenshotPath); + } catch (error) { + const screenshotPath = await takeScreenshot(driver, stepIndex, `${step.description}_Failed`); + worksheet = logStep(worksheet, step.description, 'Failed', stepIndex, timestamp, screenshotPath); + throw error; // Re-throw the error to stop further execution if necessary + } + } + + //Check if landing page username validation was successful + const usernameValidation = await driver.wait(until.elementLocated(By.css('.form-group:nth-child(5) > label')), 5000).catch(() => false); + + if (usernameValidation) { + console.log('Passed: Username validation'); + testStatus = 'Passed'; + } else { + console.log('FAILED: Username validation not triggered'); + } + + // Log test end time + const endTime = new Date().toISOString(); + worksheet = logStep(worksheet, 'Test End', 'Ended', '', endTime, ''); + + // Write the updated worksheet back to the workbook and save it + workbook.Sheets['Sheet1'] = worksheet; + XLSX.writeFile(workbook, 'loginResults.xlsx'); +} finally { + await driver.quit(); +} +})(); +} + +export default ExACT_login;