bylapidist/components

View on GitHub
src/components/Link/__snapshots__/Link.spec.tsx.snap

Summary

Maintainability
Test Coverage
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`Link > it works with defaults 1`] = `
<a
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-regular_b26e6e _this_a14c64"
  data-testid="Link"
  href="#"
>
  <span
    class="_this_d62db4 _elevation-none_d62db4 _roundness-none_d62db4 _gutter-none_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_a14c64"
    data-testid="Link-inner"
  >
    Hello world
  </span>
</a>
`;

exports[`Link > it works with icon 1`] = `
<a
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-regular_b26e6e _this_a14c64"
  data-testid="Link"
  href="#"
>
  <span
    class="_this_d62db4 _elevation-none_d62db4 _roundness-none_d62db4 _gutter-none_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_a14c64"
    data-testid="Link-inner"
  >
    <svg
      aria-hidden="true"
      class="svg-inline--fa fa-xmark _icon_a14c64"
      data-icon="xmark"
      data-prefix="fas"
      focusable="false"
      role="img"
      viewBox="0 0 384 512"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
        fill="currentColor"
      />
    </svg>
    Hello world
  </span>
</a>
`;

exports[`Link > it works with sizes 1`] = `
<a
  class="_this_b26e6e _size-small_b26e6e _family-body_b26e6e _weight-regular_b26e6e _this_a14c64"
  data-testid="Link"
  href="#"
>
  <span
    class="_this_d62db4 _elevation-none_d62db4 _roundness-none_d62db4 _gutter-none_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_a14c64"
    data-testid="Link-inner"
  >
    Hello world
  </span>
</a>
`;

exports[`Link > it works with sizes 2`] = `
<a
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-regular_b26e6e _this_a14c64"
  data-testid="Link"
  href="#"
>
  <span
    class="_this_d62db4 _elevation-none_d62db4 _roundness-none_d62db4 _gutter-none_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_a14c64"
    data-testid="Link-inner"
  >
    Hello world
  </span>
</a>
`;

exports[`Link > it works with sizes 3`] = `
<a
  class="_this_b26e6e _size-large_b26e6e _family-body_b26e6e _weight-regular_b26e6e _this_a14c64"
  data-testid="Link"
  href="#"
>
  <span
    class="_this_d62db4 _elevation-none_d62db4 _roundness-none_d62db4 _gutter-none_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_a14c64"
    data-testid="Link-inner"
  >
    Hello world
  </span>
</a>
`;