Update test

Author: TylerJDev

.github/workflows/pr.yml

@@ -0,0 +1,22 @@
+name: Build and run tests
+
+'on':
+  push:
+    branches:
+      - main
+  pull_request:
+    types:
+      - opened
+      - synchronize
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install dependencies
+        run: npm ci
+      - name: Run build
+        run: npm run build
+      - name: Run test
+        run: npm run test

src/index.ts

@@ -3,8 +3,8 @@ const states = new WeakMap()
 class RemoteInputElement extends HTMLElement {
   constructor() {
     super()
-    const fetch = (e: Event) => fetchResults.bind(null, this, true, e)
-    const state = {currentQuery: null, oninput: (e: Event) => debounce(fetch(e)), fetch, controller: null}
+    const fetch = fetchResults.bind(null, this, true)
+    const state = {currentQuery: null, oninput: debounce((e: Event) => fetch(e)), fetch, controller: null}
     states.set(this, state)
   }
 
@@ -142,13 +142,13 @@ async function fetchWithNetworkEvents(el: Element, url: string, options: Request
   }
 }
 
-function debounce(callback: () => void) {
+function debounce<T>(callback: (args: T) => void) {
   let timeout: ReturnType<typeof setTimeout>
-  return function() {
+  return function(args: T) {
     clearTimeout(timeout)
     timeout = setTimeout(() => {
       clearTimeout(timeout)
-      callback()
+      callback(args)
     }, 300)
   }
 }

test/test.js

@@ -125,20 +125,24 @@ describe('remote-input', function() {
     })
 
     it('check eventType', async function() {
-      const result = Promise(() => {
-        element.addEventListener(eventName, (event) => {
-          assert.equal(event.detail.eventType, 'change')
+      const result = new Promise(resolve => {
+        remoteInput.addEventListener('remote-input-success', (event) => {
+          resolve(event)
         }, {once: true})
       })
       changeValue(input, 'test')
-      await result
+
+      result.then((value) => {
+        assert.equal(value.detail.eventType, 'change')
+      })
+      
     })
   })
 })
 
 function changeValue(input, value) {
   input.value = value
-  input.dispatchEvent(new Event('change'))
+  input.dispatchEvent(new Event('focus'))
 }
 
 function nextTick() {