bug: relative link in href gets modified in tests to absolute links

[raspyweather]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Stencil Version

2.7.0

Current Behavior

Unit Tests for Components cannot properly test href's due to relative url's being manipulated by the framework.

Expected Behavior

relative href values staying unchanged or documentation to exist

Steps to Reproduce

Example component

render() {
    return (
      <Host>
        <a href={this.link}>Test</a>
        <slot></slot>
      </Host>
    );

Related test case:

  // OUTPUT:
  // Expected: "/"
  // Received: "http://testing.stenciljs.com/"
  it('expect link not to be changed', async () => {
    const page = await newSpecPage({
      components: [LinkTest],
      html: `<link-test link="/"></link-test>`,
    });
    const element = page.root.querySelector<HTMLAnchorElement>("a");
    expect(element.href).toBe("/");
  });
});

Code Reproduction URL

https://github.com/raspyweather/stencil-issues/blob/master/src/components/link-test/test/link-test.spec.tsx

Additional Information

No response

[tricki]

The href property of anchor tags is always the resolved absolute value. You can access the attribute with element.getAttribute('href').

Does that fix your issue?

[raspyweather]

Yes, thank you.