From 1272b1fdf94ef8a7058b133107b06bf028b9b60d Mon Sep 17 00:00:00 2001 From: jhuerta Date: Fri, 11 Oct 2024 17:19:43 -0700 Subject: [PATCH] Adding Content Set DIV checks --- tests/ExACT_dashboardMyContent.js | 182 ++++++++++++++++++++++++++++-- 1 file changed, 174 insertions(+), 8 deletions(-) diff --git a/tests/ExACT_dashboardMyContent.js b/tests/ExACT_dashboardMyContent.js index 97df36d..0966b22 100644 --- a/tests/ExACT_dashboardMyContent.js +++ b/tests/ExACT_dashboardMyContent.js @@ -37,6 +37,19 @@ const expectedFilterPlaceholder = 'filter...'; //Sort const expectedSortLabel = 'Sort:'; const expectedSortDropDown = 'count'; +//Content +const expectedBiologyQA = 'Biology - QA'; + const expectedBiologyQACount = '1046'; +//Edit Content Set +const expectedEditDIVTitle = 'Edit Content Set'; + const expectedEditDIVLabel = 'Content Set Name'; + const expectedEditDIVTextbox = 'Biology - QA'; + const expectedEditDIVDeleteBtn = 'Delete'; + const expectedEditDIVDeleteBtnColor = 'rgba(220, 53, 69, 1)'; //red + const expectedEditDIVSaveBtn = 'Save'; + const expectedEditDIVSaveBtnColor = 'rgba(48, 200, 172, 1)'; //gren + const expectedEditDIVCloseBtn = 'Close'; + const expectedEditDIVCloseBtnColor = '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 @@ -66,7 +79,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.css('.e-heading')).getCssValue('color'); if (elementStyle !== expectedDashboardTitleColor) { - throw new Error(`Expected: "${expectedDashboardTitleColor}"; Actual: "${elementStyle}"`); + throw new Error(`Dashboard title text color Expected: "${expectedDashboardTitleColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Dashboard title text color matched as expected'); } @@ -102,7 +115,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.css('.h-100 h2:nth-child(2)')).getCssValue('color'); if (elementStyle !== expectedWidgetTitleColor) { - throw new Error(`Expected: "${expectedWidgetTitleColor}"; Actual: "${elementStyle}"`); + throw new Error(`Widget title text color Expected: "${expectedWidgetTitleColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Widget title text color matched as expected'); } @@ -126,7 +139,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.css('.fa-ellipsis-h')).getCssValue('color'); if (elementStyle !== expectedEllipsisIconColor) { - throw new Error(`Expected: "${expectedEllipsisIconColor}"; Actual: "${elementStyle}"`); + throw new Error(`Ellipsis icon color Expected: "${expectedEllipsisIconColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Ellipsis icon color matched as expected'); } @@ -138,7 +151,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.css('.col-12 > .fa')).getCssValue('color'); if (elementStyle !== expectedSearchIconColor) { - throw new Error(`Expected: "${expectedSearchIconColor}"; Actual: "${elementStyle}"`); + throw new Error(`Search icon color Expected: "${expectedSearchIconColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Search icon color matched as expected'); } @@ -180,7 +193,160 @@ const steps = [ } }, + //Biology-QA + { + description: 'Validate Biology-QA title', + action: async () => { + const elementText = await driver.findElement(By.linkText('Biology - QA')).getText(); + if (elementText !== expectedBiologyQA) { + throw new Error(`Expected: "${expectedBiologyQA}"; Actual: "${elementText}"`); + } + console.log('Passed: Biology-QA title matched as expected'); + } + }, + + //Biology-QA Edit icon + { + description: 'Verify Biology-QA edit icon is present', + action: async () => { + const expectedBiologyQAEditIcon = await driver.wait(until.elementLocated(By.css('#mycontentlist > #content-org-list > .content-org .fa')), 5000).catch(() => false); + if (!expectedBiologyQAEditIcon) { + throw new Error('Biology-QA edit icon not found'); + } + console.log('Passed: Biology-QA edit icon present'); + } + }, + + //Biology-QA count + { + description: 'Validate Biology-QA count', + action: async () => { + const elementText = await driver.findElement(By.css('#mycontentlist > #content-org-list > .content-org .badge')).getText(); + if (elementText !== expectedBiologyQACount) { + throw new Error(`Expected: "${expectedBiologyQACount}"; Actual: "${elementText}"`); + } + console.log('Passed: Biology-QA count matched as expected'); + } + }, + + //Add Content Set + { description: 'Click Biology-QA edit icon', action: async () => await driver.findElement(By.css('#mycontentlist > #content-org-list > .content-org .fa')).click() }, + { description: 'Driver sleep', action: async () => await driver.sleep(2000) }, + + //Edit Content Set DIV + { + description: 'Validate edit DIV title', + action: async () => { + const elementText = await driver.findElement(By.css('.modal-title')).getText(); + if (elementText !== expectedEditDIVTitle) { + throw new Error(`Expected: "${expectedEditDIVTitle}"; Actual: "${elementText}"`); + } + console.log('Passed: Edit DIV title matched as expected'); + } + }, + + //Edit Content Set DIV - label + { + description: 'Validate edit DIV label', + action: async () => { + const elementText = await driver.findElement(By.css('.form-label')).getText(); + if (elementText !== expectedEditDIVLabel) { + throw new Error(`Expected: "${expectedEditDIVLabel}"; Actual: "${elementText}"`); + } + console.log('Passed: Edit DIV label matched as expected'); + } + }, + + //Edit Content Set DIV - textbox + { + description: 'Validate edit DIV textbox', + action: async () => { + const elementValue = await driver.findElement(By.css('#orgname')).getAttribute('value'); + if (elementValue !== expectedEditDIVTextbox) { + throw new Error(`Edit DIV textbox Expected: "${expectedEditDIVTextbox}"; Actual: "${elementValue}"`); + } + console.log('Passed: Edit DIV textbox matched as expected'); + } + }, + + //Edit Content Set DIV - Delete button + { + description: 'Validate edit DIV delete text button', + action: async () => { + const elementText = await driver.findElement(By.css('#orgdelete')).getText(); + if (elementText !== expectedEditDIVDeleteBtn) { + throw new Error(`Expected: "${expectedEditDIVDeleteBtn}"; Actual: "${elementText}"`); + } + console.log('Passed: Edit DIV delete text button matched as expected'); + } + }, + + //Edit Content Set DIV - Delete button color + { + description: 'Validate edit DIV delete button color', + action: async () => { + const elementStyle = await driver.findElement(By.css('#orgdelete')).getCssValue('background-color'); + if (elementStyle !== expectedEditDIVDeleteBtnColor) { + throw new Error(`Edit DIV delete button color Expected: "${expectedEditDIVDeleteBtnColor}"; Actual: "${elementStyle}"`); + } + console.log('Passed: Edit DIV delete button color matched as expected'); + } + }, + + //Edit Content Set DIV - Save button + { + description: 'Validate edit DIV save text button', + action: async () => { + const elementText = await driver.findElement(By.css('#modalop')).getAttribute('value'); + if (elementText !== expectedEditDIVSaveBtn) { + throw new Error(`Expected: "${expectedEditDIVSaveBtn}"; Actual: "${elementText}"`); + } + console.log('Passed: Edit DIV save text button matched as expected'); + } + }, + + //Edit Content Set DIV - Save button color + { + description: 'Validate edit DIV save button color', + action: async () => { + const elementStyle = await driver.findElement(By.css('#modalop')).getCssValue('background-color'); + if (elementStyle !== expectedEditDIVSaveBtnColor) { + throw new Error(`Edit DIV save button color Expected: "${expectedEditDIVSaveBtnColor}"; Actual: "${elementStyle}"`); + } + console.log('Passed: Edit DIV save button color matched as expected'); + } + }, + + //Edit Content Set DIV - Close button + { + description: 'Validate edit DIV close text button', + action: async () => { + const elementText = await driver.findElement(By.css('#modalclose')).getText(); + if (elementText !== expectedEditDIVCloseBtn) { + throw new Error(`Expected: "${expectedEditDIVCloseBtn}"; Actual: "${elementText}"`); + } + console.log('Passed: Edit DIV close text button matched as expected'); + } + }, + + //Edit Content Set DIV - Close button color + { + description: 'Validate edit DIV close button color', + action: async () => { + const elementStyle = await driver.findElement(By.css('#modalclose')).getCssValue('background-color'); + if (elementStyle !== expectedEditDIVCloseBtnColor) { + throw new Error(`Edit DIV close button color Expected: "${expectedEditDIVCloseBtnColor}"; Actual: "${elementStyle}"`); + } + console.log('Passed: Edit DIV close button color matched as expected'); + } + }, + + //Close edit DIV + { description: 'Click X icon', action: async () => await driver.findElement(By.css('.modal-content > .modal-header span')).click() }, + + //Ellipsis { description: 'Click ellipsis icon', action: async () => await driver.findElement(By.css('.fa-ellipsis-h')).click() }, + { description: 'Driver sleep', action: async () => await driver.sleep(2000) }, //Create Content Set icon color { @@ -188,7 +354,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.css('.fa-plus')).getCssValue('color'); if (elementStyle !== expectedCreateContentSetIconColor) { - throw new Error(`Expected: "${expectedCreateContentSetIconColor}"; Actual: "${elementStyle}"`); + throw new Error(`Create Content Set icon color Expected: "${expectedCreateContentSetIconColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Create Content Set icon color matched as expected'); } @@ -212,7 +378,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.linkText('Create Content Set')).getCssValue('color'); if (elementStyle !== expectedCreateContentSetLinkTextColor) { - throw new Error(`Expected: "${expectedCreateContentSetLinkTextColor}"; Actual: "${elementStyle}"`); + throw new Error(`Create Content Set link text color Expected: "${expectedCreateContentSetLinkTextColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Create Content Set link text color matched as expected'); } @@ -224,7 +390,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.css('.fa-download')).getCssValue('color'); if (elementStyle !== expectedExportContentSetIconColor) { - throw new Error(`Expected: "${expectedExportContentSetIconColor}"; Actual: "${elementStyle}"`); + throw new Error(`Export Content icon color Expected: "${expectedExportContentSetIconColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Export Content icon color matched as expected'); } @@ -248,7 +414,7 @@ const steps = [ action: async () => { const elementStyle = await driver.findElement(By.linkText('Export Content Set')).getCssValue('color'); if (elementStyle !== expectedExportContentSetLinkTextColor) { - throw new Error(`Expected: "${expectedExportContentSetLinkTextColor}"; Actual: "${elementStyle}"`); + throw new Error(`Export Content Set icon color Expected: "${expectedExportContentSetLinkTextColor}"; Actual: "${elementStyle}"`); } console.log('Passed: Export Content Set icon color matched as expected'); }