Add POM and Update Tests Name #27
+178
−234
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -21,3 +21,4 @@ Thumbs.db | |
| # Other | ||
| .cache | ||
| .env | ||
| artifacts | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,88 @@ | ||
| const { expect } = require("@playwright/test"); | ||
| const { selectors } = require('../utils/selectors') | ||
| exports.MentionLinks = class MentionLinks { | ||
| constructor(page) { | ||
| this.page = page | ||
| } | ||
| // this functions is to navigate to the Mention link Setting page | ||
| async navigateToSettingPage(){ | ||
| await this.page.goto("./wp-admin/options-general.php?page=wp-mention-links",{waitUntil:"load"}); | ||
| } | ||
|
|
||
| // this function is used to validate all the setting is presnet on the page. | ||
| async validateElements(){ | ||
| // Focus and validate all the settings is present or not. | ||
| await this.page.focus(selectors.userField); | ||
| await this.page.focus(selectors.postCheckbox); | ||
| await this.page.focus(selectors.pageCheckbox); | ||
| } | ||
| // this function is used to select Username | ||
| async selectUsername(){ | ||
| await this.page.focus(selectors.userField); | ||
| await this.page.locator(selectors.userField).selectOption('username'); | ||
| } | ||
| // this function is used to select Displayname | ||
| async selectDisplayname(){ | ||
| await this.page.focus(selectors.userField); | ||
| await this.page.locator(selectors.userField).selectOption('displayname'); | ||
| } | ||
| // this function is used to check both page and post Checkbox | ||
| async checkBothPagePostCheckbox(){ | ||
| await this.page.locator(selectors.postCheckbox).check(); | ||
| await this.page.locator(selectors.pageCheckbox).check(); | ||
| } | ||
| // this functions is used to validate both post and page checkbox are checked | ||
| async validateBothPostPageChecked(){ | ||
| // Check for the final time the elements are saved after save button | ||
| expect(await this.page.locator(selectors.postCheckbox).isChecked()).toBeTruthy(); | ||
| expect(await this.page.locator(selectors.pageCheckbox).isChecked()).toBeTruthy(); | ||
| } | ||
| // this function is used to Save settings and verify | ||
| async saveSettings(){ | ||
| await this.page.locator(selectors.submitButton).click(); | ||
| await this.page.focus(selectors.saveMessage); | ||
| } | ||
| // this function is used to check only page and uncheck post | ||
| async checkOnlyPageCheckbox(){ | ||
| await this.page.locator(selectors.pageCheckbox).check(); | ||
| await this.page.locator(selectors.postCheckbox).uncheck(); | ||
| } | ||
| // this function is used to check only post and uncheck page | ||
| async checkOnlyPostCheckbox(){ | ||
| await this.page.locator(selectors.postCheckbox).check(); | ||
| await this.page.locator(selectors.pageCheckbox).uncheck(); | ||
| } | ||
| // this function is used to validate checked page and unchecked post | ||
| async validateOnlyPageChecked(){ | ||
| expect(await this.page.locator(selectors.pageCheckbox).isChecked()).toBeTruthy(); | ||
| expect(await this.page.locator(selectors.postCheckbox).isChecked()).toBeFalsy(); | ||
| } | ||
| // this function is used to validate checked page and unchecked post | ||
| async validateOnlyPostChecked(){ | ||
| expect(await this.page.locator(selectors.postCheckbox).isChecked()).toBeTruthy(); | ||
| expect(await this.page.locator(selectors.pageCheckbox).isChecked()).toBeFalsy(); | ||
| } | ||
| // this function is used to validate Mention Element is present on the Backend | ||
| async validateBackend(){ | ||
| await this.page.keyboard.type(selectors.userName); | ||
| await this.page.focus(selectors.backendPopover); | ||
| await expect(this.page.locator(selectors.backendPopover)).toBeVisible(); | ||
| await this.page.locator(selectors.backendPopover).click(); | ||
| } | ||
| // this fucntion is used to Publish and verify page/post | ||
| async publishPagePost(){ | ||
|
There was a problem hiding this comment. Add assertion here as well to validate if the page is published. |
||
| await this.page.click(selectors.publishToggle); | ||
| await this.page.click(selectors.publishButton); | ||
| await this.page.locator(selectors.successClass); | ||
| } | ||
| // this function is used to validate Mention Element is present on the Frontend | ||
| async validateFrontend(){ | ||
| await this.page.locator(selectors.viewButton).click(); | ||
| await expect(this.page.locator(selectors.userLink).first()).not.toBeNull(); | ||
| const locator = this.page.locator(selectors.userLink).first(); | ||
| await expect(locator).toBeEnabled(); | ||
| } | ||
|
|
||
|
|
||
|
|
||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,48 +1,21 @@ | ||
| /** | ||
| * WordPress dependencies | ||
| */ | ||
| const { test } = require('@wordpress/e2e-test-utils-playwright'); | ||
| const { MentionLinks } = require('../page/MentionLinks.js'); | ||
| test.describe('Check settings page', () => { | ||
| test('Perform Checking All the contents of the page is present', async ({ admin, page }) => { | ||
| await admin.visitAdminPage('/'); | ||
| const mentionLinkobj = new MentionLinks(page); | ||
| await mentionLinkobj.navigateToSettingPage(); | ||
| await mentionLinkobj.validateElements(); | ||
| }); | ||
| test('Perform Click option and save settings', async ({ page }) => { | ||
| const mentionLinkobj = new MentionLinks(page); | ||
| await mentionLinkobj.navigateToSettingPage(); | ||
| await mentionLinkobj.selectUsername(); | ||
| await mentionLinkobj.checkBothPagePostCheckbox(); | ||
| await mentionLinkobj.saveSettings(); | ||
| await mentionLinkobj.validateBothPostPageChecked(); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,58 +1,28 @@ | ||
| /** | ||
| * WordPress dependencies | ||
| */ | ||
| const { test } = require('@wordpress/e2e-test-utils-playwright'); | ||
| const { MentionLinks } = require('../page/MentionLinks.js'); | ||
|
|
||
| test.describe('Check page Create setting', () => { | ||
| test('Set page only setting and validate mention in both end', async ({ page }) => { | ||
| const mentionLinkobj = new MentionLinks(page); | ||
| await mentionLinkobj.navigateToSettingPage(); | ||
| await mentionLinkobj.selectUsername(); | ||
| await mentionLinkobj.checkOnlyPageCheckbox(); | ||
| await mentionLinkobj.saveSettings(); | ||
| await mentionLinkobj.validateOnlyPageChecked(); | ||
| }); | ||
| test('Create a new page and check UserName', async ({ admin, page, editor }) => { | ||
| const mentionLinkobj = new MentionLinks(page); | ||
| // Create new page | ||
| await admin.createNewPost({ postType: 'page', title: 'Dummy page' }) | ||
| // Click on paragraph block | ||
| await editor.insertBlock({ | ||
| name: "core/paragraph", | ||
| }); | ||
| await mentionLinkobj.validateBackend(); | ||
| await mentionLinkobj.publishPagePost(); | ||
| await mentionLinkobj.validateFrontend(); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,61 +1,27 @@ | ||
| /** | ||
| * WordPress dependencies | ||
| */ | ||
| const { test } = require('@wordpress/e2e-test-utils-playwright'); | ||
| const { MentionLinks } = require('../page/MentionLinks.js'); | ||
| test.describe('Check page Create setting', () => { | ||
| test('Set page only setting and validate mention in both end', async ({ page }) => { | ||
| const mentionLinkobj = new MentionLinks(page); | ||
| await mentionLinkobj.navigateToSettingPage(); | ||
| await mentionLinkobj.selectDisplayname(); | ||
| await mentionLinkobj.checkOnlyPageCheckbox(); | ||
| await mentionLinkobj.saveSettings(); | ||
| await mentionLinkobj.validateOnlyPageChecked(); | ||
| }); | ||
| test('Create a new page and check DisplayName', async ({ admin, page, editor }) => { | ||
| const mentionLinkobj = new MentionLinks(page); | ||
| // Create new page | ||
| await admin.createNewPost({ postType: 'page', title: 'Dummy page' }) | ||
| // Click on paragraph block | ||
| await editor.insertBlock({ | ||
| name: "core/paragraph", | ||
| }); | ||
| await mentionLinkobj.validateBackend(); | ||
| await mentionLinkobj.publishPagePost(); | ||
| await mentionLinkobj.validateFrontend(); | ||
| }); | ||
| }); |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@alvitazwar Add assertion here and validate whether the settings are saved.