feat(mock-doc): add pathname to mock anchors (#3090)

add pathname to mock anchors - the pathname is generated
based on the href and returned

src/mock-doc/element.ts

@@ -82,6 +82,9 @@ export class MockAnchorElement extends MockHTMLElement {
   set href(value: string) {
     this.setAttribute('href', value);
   }
+  get pathname() {
+    return new URL(this.href).pathname;
+  }
 }
 
 export class MockButtonElement extends MockHTMLElement {

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

@@ -432,4 +432,18 @@ describe('element', () => {
       expect(input.list).toEqual(null);
     });
   });
+
+  describe('link', () => {
+    it('href', () => {
+      const elm: MockAnchorElement = doc.createElement('a');
+      elm.href = 'http://stenciljs.com/path/to/page';
+      expect(elm.href).toBe('http://stenciljs.com/path/to/page');
+    });
+
+    it('pathname', () => {
+      const elm: MockAnchorElement = doc.createElement('a');
+      elm.href = 'http://stenciljs.com/path/to/page';
+      expect(elm.pathname).toBe('/path/to/page');
+    });
+  });
 });