test: convert discovery.feature test to playwright

Author: nirajacharya2

a11y-report-cucumber.json

@@ -0,0 +1,100 @@
+import { test, expect } from '@playwright/test'
+import { config } from '../../../e2e/config.js'
+import { ActorsEnvironment, UsersEnvironment } from '../../../e2e/support/environment/index.js'
+import { setAccessAndRefreshToken } from '../../helpers/setAccessAndRefreshToken.js'
+import * as ui from '../../steps/ui/index'
+
+test.describe('details', { tag: '@predefined-users' }, () => {
+  let actorsEnvironment: ActorsEnvironment
+  const usersEnvironment = new UsersEnvironment()
+
+  test.beforeEach(async ({ browser }) => {
+    actorsEnvironment = new ActorsEnvironment({
+      context: {
+        acceptDownloads: config.acceptDownloads,
+        reportDir: config.reportDir,
+        tracingReportDir: config.tracingReportDir,
+        reportHar: config.reportHar,
+        reportTracing: config.reportTracing,
+        reportVideo: config.reportVideo,
+        failOnUncaughtConsoleError: config.failOnUncaughtConsoleError
+      },
+      browser: browser
+    })
+
+    await setAccessAndRefreshToken(usersEnvironment)
+  })
+
+  test.afterEach(async () => {})
+
+  test('apps can be searched and downloaded', async () => {
+    // When "Alice" logs in
+    await ui.logInUser({ usersEnvironment, actorsEnvironment, stepUser: 'Admin' })
+
+    // And "Admin" navigates to the app store
+    await ui.openAppStore({ actorsEnvironment, stepUser: 'Admin' })
+
+    // Then "Admin" should see the app store
+    await ui.waitForAppStoreIsVisible({ actorsEnvironment, stepUser: 'Admin' })
+
+    // And "Admin" should see the following apps
+    //   | app         |
+    //   | Draw.io     |
+    //   | JSON Viewer |
+    //   | Unzip       |
+    let apps = await ui.getAppsList({ actorsEnvironment, stepUser: 'Admin' })
+    expect(apps).toContain('Draw.io')
+    expect(apps).toContain('JSON Viewer')
+    expect(apps).toContain('Unzip')
+
+    // When "Admin" enters the search term "draw"
+    await ui.setSearchTerm({ actorsEnvironment, stepUser: 'Admin', searchTerm: 'draw' })
+
+    // Then "Admin" should see the following apps
+    //   | app     |
+    //   | Draw.io |
+    apps = []
+    apps = await ui.getAppsList({ actorsEnvironment, stepUser: 'Admin' })
+    expect(apps).toContain('Draw.io')
+
+    // When "Admin" clicks on the tag "viewer" of the app "Draw.io"
+    await ui.selectAppTag({ actorsEnvironment, stepUser: 'Admin', tag: 'viewer', app: 'Draw.io' })
+
+    // Then "Admin" should see the following apps
+    //   | app         |
+    //   | JSON Viewer |
+    //   | Draw.io     |
+    apps = []
+    apps = await ui.getAppsList({ actorsEnvironment, stepUser: 'Admin' })
+    expect(apps).toContain('Draw.io')
+    expect(apps).toContain('JSON Viewer')
+
+    // When "Admin" clicks on the app "JSON Viewer"
+    await ui.selectApp({ actorsEnvironment, stepUser: 'Admin', app: 'JSON Viewer' })
+
+    // Then "Admin" should see the app details of "JSON Viewer"
+    await ui.waitForAppDetailsIsVisible({
+      actorsEnvironment,
+      stepUser: 'Admin',
+      app: 'JSON Viewer'
+    })
+
+    // When "Admin" clicks on the tag "viewer"
+    await ui.selectTag({ actorsEnvironment, stepUser: 'Admin', tag: 'viewer' })
+
+    // Then "Admin" should see the app store
+    await ui.waitForAppStoreIsVisible({ actorsEnvironment, stepUser: 'Admin' })
+
+    // Then "Admin" should see the following apps
+    //   | app         |
+    //   | JSON Viewer |
+    //   | Draw.io     |
+    apps = []
+    apps = await ui.getAppsList({ actorsEnvironment, stepUser: 'Admin' })
+    expect(apps).toContain('Draw.io')
+    expect(apps).toContain('JSON Viewer')
+
+    // And "Admin" logs out
+    await ui.logOutUser({ actorsEnvironment, stepUser: 'Admin' })
+  })
+})

test-results/.last-run.json

@@ -92,3 +92,59 @@ export async function navigateToAppStoreOverview({
   const pageObject = new objects.appStore.AppStore({ page })
   await pageObject.navigateToAppStoreOverview()
 }
+
+export async function getAppsList({
+  actorsEnvironment,
+  stepUser
+}: {
+  actorsEnvironment: ActorsEnvironment
+  stepUser: string
+}): Promise<Array<string>> {
+  const { page } = actorsEnvironment.getActor({ key: stepUser })
+  const pageObject = new objects.appStore.AppStore({ page })
+  return await pageObject.getAppsList()
+}
+
+export async function setSearchTerm({
+  actorsEnvironment,
+  stepUser,
+  searchTerm
+}: {
+  actorsEnvironment: ActorsEnvironment
+  stepUser: string
+  searchTerm: string
+}): Promise<void> {
+  const { page } = actorsEnvironment.getActor({ key: stepUser })
+  const pageObject = new objects.appStore.AppStore({ page })
+  await pageObject.setSearchTerm(searchTerm)
+}
+
+export async function selectAppTag({
+  actorsEnvironment,
+  stepUser,
+  tag,
+  app
+}: {
+  actorsEnvironment: ActorsEnvironment
+  stepUser: string
+  tag: string
+  app: string
+}): Promise<void> {
+  const { page } = actorsEnvironment.getActor({ key: stepUser })
+  const pageObject = new objects.appStore.AppStore({ page })
+  await pageObject.selectAppTag({ tag, app })
+}
+
+export async function selectTag({
+  actorsEnvironment,
+  stepUser,
+  tag
+}: {
+  actorsEnvironment: ActorsEnvironment
+  stepUser: string
+  tag: string
+}): Promise<void> {
+  const { page } = actorsEnvironment.getActor({ key: stepUser })
+  const pageObject = new objects.appStore.AppStore({ page })
+  await pageObject.selectTag(tag)
+}

tests/e2e-playwright/specs/app-store/discovery.spec.ts

@@ -67,22 +67,58 @@ export const waitForAppStoreIsVisible = async (args: { page: Page }): Promise<vo
   ).toHaveLength(0)
 }
 
-export const getAppsList = (args: { page: Page }): Promise<string[]> => {
+export const getAppsList = async (args: { page: Page }): Promise<string[]> => {
   const { page } = args
+  const a11yObject = new objects.a11y.Accessibility({ page })
+  const a11yViolations = await a11yObject.getSevereAccessibilityViolations(
+    a11yObject.getSelectors().appStore
+  )
+  expect(
+    a11yViolations,
+    `Found ${a11yViolations.length} severe accessibility violations in app store page`
+  ).toHaveLength(0)
   return page.locator(selectors.appTileTitle).allTextContents()
 }
 
-export const setSearchTerm = (args: { page: Page; searchTerm: string }): Promise<void> => {
+export const setSearchTerm = async (args: { page: Page; searchTerm: string }): Promise<void> => {
   const { page, searchTerm } = args
+  const a11yObject = new objects.a11y.Accessibility({ page })
+  const a11yViolations = await a11yObject.getSevereAccessibilityViolations(
+    a11yObject.getSelectors().appStore
+  )
+  expect(
+    a11yViolations,
+    `Found ${a11yViolations.length} severe accessibility violations in app store page`
+  ).toHaveLength(0)
   return page.locator(selectors.appsFilter).fill(searchTerm)
 }
 
-export const selectAppTag = (args: { page: Page; app: string; tag: string }): Promise<void> => {
+export const selectAppTag = async (args: {
+  page: Page
+  app: string
+  tag: string
+}): Promise<void> => {
   const { page, app, tag } = args
+  const a11yObject = new objects.a11y.Accessibility({ page })
+  const a11yViolations = await a11yObject.getSevereAccessibilityViolations(
+    a11yObject.getSelectors().appStore
+  )
+  expect(
+    a11yViolations,
+    `Found ${a11yViolations.length} severe accessibility violations in app store page`
+  ).toHaveLength(0)
   return page.locator(util.format(selectors.appTag, app, tag)).click()
 }
-export const selectTag = (args: { page: Page; tag: string }): Promise<void> => {
+export const selectTag = async (args: { page: Page; tag: string }): Promise<void> => {
   const { page, tag } = args
+  const a11yObject = new objects.a11y.Accessibility({ page })
+  const a11yViolations = await a11yObject.getSevereAccessibilityViolations(
+    a11yObject.getSelectors().appStore
+  )
+  expect(
+    a11yViolations,
+    `Found ${a11yViolations.length} severe accessibility violations in app store page`
+  ).toHaveLength(0)
   return page.locator(util.format(selectors.tag, tag)).click()
 }