fix: update to keyboard commands interface

Author: cmorten

example/README.md

@@ -12,7 +12,7 @@ npm run test
 
 ## Test flow
 
-1. The test launches Safari using Playwright
+1. The test launches the browser using Playwright
 2. Navigates to the GitHub website
 3. Moves through the website using VoiceOver controlled by Guidepup
 4. Traverses headings until the Guidepup heading in the README.md is found

example/tests/headerNavigation.ts

@@ -1,10 +1,11 @@
-import { expect } from "@playwright/test";
+import type { VoiceOver } from "@guidepup/guidepup";
+import { expect, Page } from "@playwright/test";
 
 async function delay(ms: number) {
   return new Promise(resolve => setTimeout(resolve, ms));
 }
 
-export async function headerNavigation({ page, voiceOver }) {
+export async function headerNavigation({ page, voiceOver }: { page: Page, voiceOver: VoiceOver}) {
   // Navigate to Guidepup GitHub page 🎉
   await page.goto("https://github.com/guidepup/guidepup", {
     waitUntil: "domcontentloaded",
@@ -18,6 +19,6 @@ export async function headerNavigation({ page, voiceOver }) {
 
   // Move across the page menu to the Guidepup heading using VoiceOver 🔎
   while ((await voiceOver.itemText()) !== "Guidepup heading level 1") {
-    await voiceOver.perform(voiceOver.keyboard.commands.findNextHeading);
+    await voiceOver.perform(voiceOver.keyboardCommands.findNextHeading);
   }
 }

src/voTest.ts

@@ -1,5 +1,6 @@
 import { test } from "@playwright/test";
 import { voiceOver, macOSActivate } from "@guidepup/guidepup";
+import type { VoiceOver } from "@guidepup/guidepup";
 
 const applicationNameMap = {
   chromium: "Chromium",
@@ -18,7 +19,7 @@ const applicationNameMap = {
  *
  * A fresh started VoiceOver instance `vo` is provided to each test.
  */
-const voTest = test.extend<{ voiceOver: typeof voiceOver }>({
+const voTest = test.extend<{ voiceOver: VoiceOver }>({
   voiceOver: async ({ browserName }, use) => {
     try {
       await voiceOver.start();