Merge pull request #2 from github/frames-to-pop

Improve error thrown

Author: josh

index.js

@@ -2,13 +2,23 @@
 
 type Queryable = Document | DocumentFragment | Element
 
+class QueryError extends Error {
+  framesToPop: number
+
+  constructor(message) {
+    super(message)
+    this.name = 'QueryError'
+    this.framesToPop = 1
+  }
+}
+
 export function closest<T: Element>(element: Element, selectors: string, type: Class<T>): T {
   const klass = type || HTMLElement
   const el = element.closest(selectors)
   if (el instanceof klass) {
     return el
   }
-  throw new Error(`Element not found: <${klass.name}> ${selectors}`)
+  throw new QueryError(`Element not found: <${klass.name}> ${selectors}`)
 }
 
 export function query<T: Element>(context: Queryable, selectors: string, type: Class<T>): T {
@@ -17,7 +27,7 @@ export function query<T: Element>(context: Queryable, selectors: string, type: C
   if (el instanceof klass) {
     return el
   }
-  throw new Error(`Element not found: <${klass.name}> ${selectors}`)
+  throw new QueryError(`Element not found: <${klass.name}> ${selectors}`)
 }
 
 export function querySelectorAll<T: Element>(context: Queryable, selectors: string, type: Class<T>): Array<T> {
@@ -37,13 +47,13 @@ export function namedItem<T: HTMLElement>(form: HTMLFormElement, itemName: strin
   if (el instanceof klass) {
     return el
   }
-  throw new Error(`Element not found by name: <${klass.name}> ${itemName}`)
+  throw new QueryError(`Element not found by name: <${klass.name}> ${itemName}`)
 }
 
 export function getAttribute(element: Element, attributeName: string): string {
   const attribute = element.getAttribute(attributeName)
   if (attribute != null) {
     return attribute
   }
-  throw new Error(`Attribute not found on element: ${attributeName}`)
+  throw new QueryError(`Attribute not found on element: ${attributeName}`)
 }