feat(widget-element): add emit error

.size-limit.json

@@ -5,6 +5,6 @@
   },
   {
     "path": "packages/widget-element/dist/index.js",
-    "limit": "960 B"
+    "limit": "990 B"
   }
 ]

packages/widget-element/index.test.ts

@@ -132,3 +132,36 @@ test('show custom widget fallback', () => {
 
   expect(widget.root.innerHTML).toBe('')
 })
+
+test('emit event', () => {
+  const widget = document.createElement('test-widget') as TestWidget
+  const onEvent = jest.fn()
+
+  document.body.append(widget)
+
+  widget.addEventListener('customevent', onEvent)
+  widget.emit('customevent', {detail: 'foo'})
+
+  const [[event]] = onEvent.mock.calls
+
+  expect(onEvent).toHaveBeenCalledTimes(1)
+  expect(event.detail).toBe('foo')
+})
+
+test('emit error', () => {
+  const widget = document.createElement('test-widget') as TestWidget
+  const onError = jest.fn()
+
+  document.body.append(widget)
+
+  const error = new Error('widget error')
+
+  widget.addEventListener('error', onError)
+  widget.emitError(error)
+
+  const [[event]] = onError.mock.calls
+
+  expect(onError).toHaveBeenCalledTimes(1)
+  expect(event.error).toBe(error)
+  expect(event.message).toBe(error.message)
+})

packages/widget-element/index.ts

@@ -138,4 +138,9 @@ export class WidgetElement extends HTMLElement {
   emit(eventType: string, options?: CustomEventInit) {
     this.dispatchEvent(new CustomEvent(eventType, options))
   }
+
+  /** Dispatch error */
+  emitError(error: Error) {
+    this.dispatchEvent(new ErrorEvent('error', {error, message: error.message}))
+  }
 }