Focus test for Element

espoon-voltti · Oct 3, 2024 · 23f63f6 · 23f63f6
1 parent 05fbb31
commit 23f63f6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/frontend/src/e2e-test/pages/citizen/citizen-messages.ts b/frontend/src/e2e-test/pages/citizen/citizen-messages.ts
@@ -85,6 +85,10 @@ export default class CitizenMessagesPage {
       .assertTextEquals(content)
   }
 
+  async assertNewMessageButtonIsFocused() {
+    await this.newMessageButton.assertFocused(true)
+  }
+
   async assertAriaLiveExistsAndIncludesNotification() {
     await this.page
       .findByDataQa('notification-container')

diff --git a/frontend/src/e2e-test/specs/7_messaging/messaging.spec.ts b/frontend/src/e2e-test/specs/7_messaging/messaging.spec.ts
@@ -417,6 +417,7 @@ describe('Sending and receiving messages', () => {
         )
         await citizenMessagesPage.assertAriaLiveExistsAndIncludesNotification()
         await citizenMessagesPage.assertTimedNotification('Viesti lähetetty')
+        await citizenMessagesPage.assertNewMessageButtonIsFocused()
       })
 
       test('Citizen with shift care child can send attachments', async () => {

diff --git a/frontend/src/e2e-test/utils/page.ts b/frontend/src/e2e-test/utils/page.ts
@@ -276,6 +276,13 @@ export class Element {
   async evaluate<R>(fn: (el: HTMLElement | SVGElement) => R): Promise<R> {
     return this.locator.evaluate(fn)
   }
+
+  get focused(): Promise<boolean> {
+    return this.locator.evaluate((el) => el === document.activeElement)
+  }
+  async assertFocused(focused: boolean): Promise<void> {
+    await waitUntilEqual(() => this.focused, focused)
+  }
 }
 
 export class TextInput extends Element {