main

mattermost/focalboard

Last updated at: 28/12/2023 01:42

url.test.tsx.snap

TLDR

The provided file, url.test.tsx.snap, contains Jest snapshots for testing the behavior of a URL property component. The snapshots capture the rendered HTML structure of the component for different scenarios, such as an empty URL, a non-empty URL, and a read-only non-empty URL.

Classes

N/A

Methods

N/A

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`properties/link should match snapshot for link with empty url 1`] = `
<div>
  <div
    class="URLProperty"
  >
    <input
      class="Editable octo-propertyvalue"
      placeholder=""
      style="width: 100%;"
      title=""
      value=""
    />
  </div>
</div>
`;

exports[`properties/link should match snapshot for link with non-empty url 1`] = `
<div>
  <div
    class="URLProperty octo-propertyvalue"
  >
    <a
      class="link"
      href="https://github.com/mattermost/focalboard"
      rel="noreferrer"
      target="_blank"
    >
      https://github.com/mattermost/focalboard
    </a>
    <button
      aria-label="Edit"
      class="IconButton Button_Edit"
      title="Edit"
      type="button"
    >
      <i
        class="CompassIcon icon-pencil-outline EditIcon"
      />
    </button>
    <button
      aria-label="Copy"
      class="IconButton Button_Copy"
      title="Copy"
      type="button"
    >
      <i
        class="CompassIcon icon-content-copy content-copy"
      />
    </button>
  </div>
</div>
`;

exports[`properties/link should match snapshot for readonly link with non-empty url 1`] = `
<div>
  <div
    class="URLProperty octo-propertyvalue octo-propertyvalue--readonly"
  >
    <a
      class="link"
      href="https://github.com/mattermost/focalboard"
      rel="noreferrer"
      target="_blank"
    >
      https://github.com/mattermost/focalboard
    </a>
    <button
      aria-label="Copy"
      class="IconButton Button_Copy"
      title="Copy"
      type="button"
    >
      <i
        class="CompassIcon icon-content-copy content-copy"
      />
    </button>
  </div>
</div>
`;