Class MockElement

src/mock-doc/node.ts:244–1106

type MockElementInternals = Record<keyof ElementInternals, null>;

export class MockElement extends MockNode {
  __namespaceURI: string | null;
  __attributeMap: MockAttributeMap | null | undefined;
  __shadowRoot: ShadowRoot | null | undefined;
  __style: MockCSSStyleDeclaration | null | undefined;

  attachInternals(): MockElementInternals {
    return new Proxy({} as unknown as MockElementInternals, {
      get: function (_target, prop, _receiver) {
        /**
         * only print warning when running in a test environment
         */
        if ('process' in globalThis && globalThis.process.env.__STENCIL_SPEC_TESTS__) {
          console.error(
            `NOTE: Property ${String(prop)} was accessed on ElementInternals, but this property is not implemented.
  Testing components with ElementInternals is fully supported in e2e tests.`,
          );
        }
      },
    });
  }

  constructor(ownerDocument: any, nodeName: string | null, namespaceURI: string | null = null) {
    super(ownerDocument, NODE_TYPES.ELEMENT_NODE, typeof nodeName === 'string' ? nodeName : null, null);
    this.__namespaceURI = namespaceURI;
    this.__shadowRoot = null;
    this.__attributeMap = null;
  }

  override addEventListener(type: string, handler: (ev?: any) => void) {
    addEventListener(this, type, handler);
  }

  attachShadow(_opts: ShadowRootInit) {
    const shadowRoot = this.ownerDocument.createDocumentFragment();
    shadowRoot.delegatesFocus = _opts.delegatesFocus ?? false;
    this.shadowRoot = shadowRoot;
    return shadowRoot;
  }

  blur() {
    // Prevent infinite recursion when blur event handlers call blur()
    // on the same element while it's already processing a blur event
    if (isCurrentlyDispatching(this, 'blur')) {
      return;
    }

    markAsDispatching(this, 'blur');
    try {
      dispatchEvent(
        this,
        new MockFocusEvent('blur', { relatedTarget: null, bubbles: true, cancelable: true, composed: true }),
      );
    } finally {
      unmarkAsDispatching(this, 'blur');
    }
  }