fix(mock-doc): add HTMLUListElement (#5169)

add a definition for `HTMLUListElement`. this allows `createElement`
calls to return a mocked version of `HTMLUListElement` that passes
`instanceof` calls.

the `type` and `compact` properties were not implemented, as they are
deprecated in the spec.

prior to this commit, folks attempting to use an `HTMLUListElement` in a
stencil test like so would receive an error:
```ts
describe('my-component', () => {
  it('using HTMLUListElement works', async () => {
    const unorderedList = document.createElement('ul');
    console.log(unorderedList instanceof HTMLUListElement);
  });
});
```
```
[46:08.8]  jest args: --spec --e2e --max-workers=8
 FAIL  src/my-component.spec.ts
  my-component
    ✕ using HTMLUListElement works (4 ms)

  ● my-component › using HTMLUListElement works

    ReferenceError: HTMLUListElement is not defined

      2 |   it('using HTMLUListElement works', async () => {
      3 |     const unorderedList = document.createElement('ul');
    > 4 |     console.log(unorderedList instanceof HTMLUListElement);
        |                                          ^
      5 |   });
      6 | });
      7 |

      at Object.<anonymous> (src/my-component.spec.ts:4:42)
```

Fixes: #3382
STENCIL-466 bug: HTMLUListElement is not defined

src/mock-doc/element.ts

@@ -49,6 +49,9 @@ export function createElement(ownerDocument: any, tagName: string): any {
 
     case 'title':
       return new MockTitleElement(ownerDocument);
+
+    case 'ul':
+      return new MockUListElement(ownerDocument);
   }
 
   if (ownerDocument != null && tagName.includes('-')) {
@@ -493,6 +496,12 @@ export class MockTitleElement extends MockHTMLElement {
   }
 }
 
+export class MockUListElement extends MockHTMLElement {
+  constructor(ownerDocument: any) {
+    super(ownerDocument, 'ul');
+  }
+}
+
 export class MockCanvasElement extends MockHTMLElement {
   constructor(ownerDocument: any) {
     super(ownerDocument, 'canvas');

src/mock-doc/global.ts

@@ -12,6 +12,7 @@ import {
   MockStyleElement,
   MockTemplateElement,
   MockTitleElement,
+  MockUListElement,
 } from './element';
 import { MockCustomEvent, MockEvent, MockFocusEvent, MockKeyboardEvent, MockMouseEvent } from './event';
 import { MockHeaders } from './headers';
@@ -177,4 +178,5 @@ const GLOBAL_CONSTRUCTORS: [string, any][] = [
   ['HTMLStyleElement', MockStyleElement],
   ['HTMLTemplateElement', MockTemplateElement],
   ['HTMLTitleElement', MockTitleElement],
+  ['HTMLUListElement', MockUListElement],
 ];

src/mock-doc/test/element.spec.ts

@@ -1,5 +1,5 @@
 import { MockDocument } from '../document';
-import { MockAnchorElement, MockMetaElement, MockSVGElement } from '../element';
+import { MockAnchorElement, MockMetaElement, MockSVGElement, MockUListElement } from '../element';
 import { MockElement, MockHTMLElement } from '../node';
 import { cloneWindow, MockWindow } from '../window';
 
@@ -479,4 +479,12 @@ describe('element', () => {
       expect(elm.pathname).toBe('/path/to/page');
     });
   });
+
+  describe('ul', () => {
+    it('textContent', () => {
+      const elm: MockUListElement = doc.createElement('ul');
+      elm.textContent = 'this is an item in an unordered list';
+      expect(elm.textContent).toBe('this is an item in an unordered list');
+    });
+  });
 });