import ExternalDomainLink from "src/decidim/external_domain_warning";

describe("ExternalDomainLink", () => {
  const content = `
    <div id="links">
      <a href="https://github.com/" target="_blank">This is an external link</a>
      <a href="https://example.com/" target="_blank">This is an external link from a domain in the allowlist</a>
      <div class="editor-container">
        <a href="https://example.org/" target="_blank">This is an external link within an editor</a>
      </div>
      <a href="https://github.com/" target="_blank">This is an external link without the last slash</a>
    </div>
  `;
  const config = {
    "external_domain_allowlist": ["example.com"]
  };
  window.Decidim = {
    config: {
      get: (key) => config[key]
    }
  }

  beforeEach(() => {
    $("body").html(content);
    $('a[target="_blank"]').each((_i, elem) => new ExternalDomainLink(elem));
  });

  it("updates the link to the external link URL", () => {
    const $link = $("#links a")[0];

    expect($link.outerHTML).toEqual(
      '<a href="/link?external_url=https%3A%2F%2Fgithub.com%2F" target="_blank" data-remote="true">This is an external link</a>'
    );
  });

  it("does not update the link to the external link URL when its in the allow list", () => {
    const $link = $("#links a")[1];

    expect($link.outerHTML).toEqual(
      '<a href="https://example.com/" target="_blank">This is an external link from a domain in the allowlist</a>'
    );
  });

  it("does not update the link to the external link URL when the parent class is excluded", () => {
    const $link = $("#links a")[2];

    expect($link.outerHTML).toEqual(
      '<a href="https://example.org/" target="_blank">This is an external link within an editor</a>'
    );
  });

  it("updates the link to the external link URL", () => {
    const $link = $("#links a")[3];

    expect($link.outerHTML).toEqual(
      '<a href="/link?external_url=https%3A%2F%2Fgithub.com%2F" target="_blank" data-remote="true">This is an external link without the last slash</a>'
    );
  });
});