Implement mouseover

src/api.ts

@@ -165,13 +165,14 @@ export default class Chromeless<T extends any> implements Promise<T> {
     return this
   }
 
-  mouseup(selector: string): Chromeless<T> {
-    this.queue.enqueue({ type: 'mouseup', selector })
+  mouseover(selector: string): Chromeless<T> {
+    this.queue.enqueue({ type: 'mouseover', selector })
     return this
   }
 
-  mouseover(): Chromeless<T> {
-    throw new Error('Not implemented yet')
+  mouseup(selector: string): Chromeless<T> {
+    this.queue.enqueue({ type: 'mouseup', selector })
+    return this
   }
 
   scrollTo(x: number, y: number): Chromeless<T> {

src/chrome/local-runtime.ts

@@ -33,6 +33,7 @@ import {
   getAllCookies,
   version,
   mousedown,
+  mouseover,
   mouseup,
   focus,
   clearInput,
@@ -113,6 +114,8 @@ export default class LocalRuntime {
         return this.setCookies(command.nameOrCookies, command.value)
       case 'mousedown':
         return this.mousedown(command.selector)
+      case 'mouseover':
+        return this.mouseover(command.selector)
       case 'mouseup':
         return this.mouseup(command.selector)
       case 'focus':
@@ -245,6 +248,29 @@ export default class LocalRuntime {
     this.log(`Mousedown on ${selector}`)
   }
 
+  private async mouseover(selector: string): Promise<void> {
+    if (this.chromelessOptions.implicitWait) {
+      this.log(`mouseover(): Waiting for ${selector}`)
+      await waitForNode(
+        this.client,
+        selector,
+        this.chromelessOptions.waitTimeout,
+      )
+    }
+
+    const exists = await nodeExists(this.client, selector)
+    if (!exists) {
+      throw new Error(
+        `mouseover(): node for selector ${selector} doesn't exist`,
+      )
+    }
+
+    const { scale } = this.chromelessOptions.viewport
+    await mouseover(this.client, selector, scale)
+    this.log(`Mouseover on ${selector}`)
+  }
+
+
   private async mouseup(selector: string): Promise<void> {
     if (this.chromelessOptions.implicitWait) {
       this.log(`mouseup(): Waiting for ${selector}`)

src/types.ts

@@ -176,6 +176,10 @@ export type Command =
       type: 'mousedown'
       selector: string
     }
+  | {
+      type: 'mouseover'
+      selector: string
+    }
   | {
       type: 'mouseup'
       selector: string

src/util.ts

@@ -400,6 +400,25 @@ export async function mousedown(
   })
 }
 
+export async function mouseover(
+  client: Client,
+  selector: string,
+  scale: number,
+) {
+  const clientRect = await getClientRect(client, selector)
+  const { Input } = client
+
+  const options = {
+    x: Math.round((clientRect.left + clientRect.width / 2) * scale),
+    y: Math.round((clientRect.top + clientRect.height / 2) * scale),
+  }
+
+  await Input.dispatchMouseEvent({
+    ...options,
+    type: 'mouseMoved',
+  })
+}
+
 export async function mouseup(client: Client, selector: string, scale: number) {
   const clientRect = await getClientRect(client, selector)
   const { Input } = client