-
Notifications
You must be signed in to change notification settings - Fork 526
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
tests(case): adds case reporting test (#5435)
- Loading branch information
Showing
6 changed files
with
171 additions
and
2 deletions.
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
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 |
|---|---|---|
| @@ -0,0 +1,101 @@ | ||
| import { expect, Locator, Page } from "@playwright/test" | ||
| import { orgSlug, Routes } from "../routes" | ||
|
|
||
| export class ReportCasePage { | ||
| readonly page: Page | ||
| readonly route: string | ||
| readonly reportHeader: Locator | ||
| readonly titleTextBox: Locator | ||
| readonly descriptionTextBox: Locator | ||
| readonly projectDropdown: Locator | ||
| readonly typeDropdown: Locator | ||
| readonly priorityDropdown: Locator | ||
| readonly submitButton: Locator | ||
| readonly pageBorder: Locator | ||
|
|
||
| constructor(page: Page) { | ||
| this.page = page | ||
| this.route = orgSlug + Routes.ReportCase | ||
| this.reportHeader = page.getByText("Open a Case").first() | ||
| this.titleTextBox = page.getByLabel("Title", { exact: true }) | ||
| this.descriptionTextBox = page.getByLabel("Description", { exact: true }) | ||
| this.projectDropdown = page.getByRole("combobox").filter({ hasText: "Project" }) | ||
| this.typeDropdown = page.getByRole("combobox").filter({ hasText: "Type" }) | ||
| this.priorityDropdown = page.getByRole("combobox").filter({ hasText: "Priority" }) | ||
| this.submitButton = page.getByRole("button", { name: "Submit" }) | ||
| this.pageBorder = this.page.locator("span").filter({ | ||
| hasText: "Cases are meant to triage events", | ||
| }) | ||
| } | ||
|
|
||
| async goto() { | ||
| await Promise.all([ | ||
| this.page.goto(this.route), | ||
| await this.page.waitForURL(this.route), | ||
| await expect(this.reportHeader).toBeVisible(), | ||
| ]) | ||
| } | ||
|
|
||
| async reportCase( | ||
| title: string, | ||
| description: string, | ||
| project: string = "default", | ||
| type: string = "Security Triage", | ||
| priority: string = "Low", | ||
| ) { | ||
| await this.goto() | ||
| // give time for default project to settle | ||
| await this.page.waitForTimeout(3000); | ||
| await this.addTitle(title) | ||
| await this.addDescription(description) | ||
| await this.selectProject(project) | ||
| await this.selectType(type) | ||
| await this.selectPriority(priority) | ||
| await this.page.waitForTimeout(1500); | ||
| await this.resetPageView() | ||
| await Promise.all([ | ||
| await this.submitButton.click(), | ||
| await this.page.waitForLoadState("networkidle"), | ||
| ]) | ||
| } | ||
|
|
||
| async addTitle(title: string) { | ||
| await this.titleTextBox.click() | ||
| await this.titleTextBox.fill(title) | ||
| } | ||
|
|
||
| async addDescription(description: string) { | ||
| await this.descriptionTextBox.click() | ||
| await this.descriptionTextBox.fill(description) | ||
| } | ||
|
|
||
| async selectProject(project: string) { | ||
| await this.projectDropdown.click() | ||
| await this.page.getByText(project, { exact: true }).first().click() | ||
| } | ||
|
|
||
| async selectType(type: string) { | ||
| await this.typeDropdown.click() | ||
| await this.page.getByText(type, { exact: true }).click() | ||
| } | ||
|
|
||
| async selectPriority(priority: string) { | ||
| await this.priorityDropdown.click() | ||
| await this.page.getByText(priority, { exact: true }).click() | ||
| } | ||
|
|
||
| async resetPageView() { | ||
| // await this.pageBorder.click() | ||
| } | ||
|
|
||
| async pageObjectModel( | ||
| title: string, | ||
| description: string, | ||
| project: string = "default", | ||
| type: string, | ||
| priority: string = "Low", | ||
| tags: string[] | ||
| ) { | ||
| await this.reportCase(title, description, project, type, priority, tags) | ||
| } | ||
| } |
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,51 @@ | ||
| import register from "./utils/register" | ||
| import { test, expect } from "./fixtures/dispatch-fixtures" | ||
|
|
||
| test.describe("Authenticated Dispatch App", () => { | ||
| test.beforeEach(async ({ authPage }) => { | ||
| await register(authPage) | ||
| }), | ||
| test("Should allow me to report an case", async ({ page, reportCasePage }) => { | ||
| /* The ability to report a case is one of the most critical | ||
| user stories in the Dispatch application. */ | ||
|
|
||
| const title = "Case Test Created by Playwright" | ||
| const description = "Test description created by Playwright" | ||
| const project = "default" | ||
| const type = "Security Triage" | ||
| const priority = "Low" | ||
|
|
||
| await reportCasePage.reportCase(title, description, project, type, priority) | ||
| // Soft validate that we get redirected to the case submission form | ||
| const expectedURL = encodeURI( | ||
| `/default/cases/report?project=${project}&case_priority=${priority}&case_type=${type}&title=${title}&description=${description}` | ||
| ) | ||
| // replace + with %20 | ||
| const pageURL = page.url().replace(/\+/g, "%20") | ||
|
|
||
| await expect.soft(pageURL).toContain(expectedURL) | ||
|
|
||
| // Soft validate that we receive the report form. | ||
| await expect | ||
| .soft( | ||
| page.getByText("Open a Case"), | ||
| "'Open a Case' text not visible on page after submission of a case." | ||
| ) | ||
| .toBeVisible() | ||
|
|
||
| // Soft validate that we receive the post-create resources form. | ||
| await expect | ||
| .soft( | ||
| page.getByText( | ||
| "This page will be populated with case resources as they are created (if available). If you have any questions, please feel free to review the Frequently Asked Questions (FAQ) document linked below, and/or reach out to the listed assignee." | ||
| ), | ||
| "'Case Resources' text not visible on page after submission of a case." | ||
| ) | ||
| .toBeVisible() | ||
|
|
||
| // Soft validate that the ticket link is present | ||
| const loc = page.getByRole('link', { name: 'Ticket Ticket for tracking purposes. It contains information and links to resources.' }) | ||
| await expect.soft(await loc.first().getAttribute("href")).toContain('default/cases/dispatch-default-default-') | ||
|
|
||
| }) | ||
| }) |
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