support .closest() (close #16)

g-plane · Apr 28, 2021 · 5e82262 · 5e82262
1 parent 078f191
commit 5e82262
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+- Support `.closest()` method on `Element`. (Close [#16](https://github.com/g-plane/typed-query-selector/issues/16))
+
 ## v2.5.3
 
 - Fixed a regression bug which is introduced in v2.5.2.

diff --git a/shim.d.ts b/shim.d.ts
@@ -8,4 +8,8 @@ declare global {
       selector: S,
     ): NodeListOf<ParseSelector<S>>
   }
+
+  interface Element {
+    closest<S extends string>(selector: S): ParseSelector<S> | null
+  }
 }
diff --git a/shim.test.ts b/shim.test.ts
@@ -19,3 +19,8 @@ const results: Array<HTMLAnchorElement | null> = []
 results.push(document.querySelector('div'))
 // @ts-expect-error
 results.push(document.querySelector('div#app'))
+
+const closest = el!.closest('button.btn-confirm, a.link')
+type TestClosest = Expect<
+  Equal<typeof closest, HTMLButtonElement | HTMLAnchorElement | null>
+>
diff --git a/strict.d.ts b/strict.d.ts
@@ -79,4 +79,10 @@ declare global {
       selector: S,
     ): [E] extends [never] ? never : NodeListOf<E>
   }
+
+  interface Element {
+    closest<S extends string, E extends Parse<S>>(
+      selector: S,
+    ): [E] extends [never] ? never : E | null
+  }
 }
diff --git a/strict.test.ts b/strict.test.ts
@@ -83,3 +83,10 @@ const results: Array<HTMLAnchorElement | null> = []
 results.push(document.querySelector('div'))
 // @ts-expect-error
 results.push(document.querySelector('div#app'))
+
+const closest = a1!.closest('button.btn-confirm, a.link')
+type TestClosest = Expect<
+  Equal<typeof closest, HTMLButtonElement | HTMLAnchorElement | null>
+>
+const invalidClosest = a1!.closest('button.btn-confirm, a.')
+type TestInvalidClosest = Expect<Equal<typeof invalidClosest, never>>