gitcitadel-online/__snapshots__/users-header.test.js.snap

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

exports[`Users/Header default smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header displayName without name smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header extra small smoke-test 1`] = `
<div>
  <div class="my-2 text-xs flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-3.5 w-3.5">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-2 flex-auto m-auto">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header inline extra small loading smoke-test 1`] = `
<div class="inline-block">
  <div class="text-xs align-middle">
    <div class="avatar inline-block align-middle">
      <div class="rounded inline-block h-3.5 w-3.5 skeleton">
      </div>
    </div>
    <div class="pl-0 inline-block">
      <div class="skeleton w-24 h-2.5">
      </div>
    </div>
  </div>
</div>
`;

exports[`Users/Header inline extra small smoke-test 1`] = `
<div class="inline-block">
  <div class="text-xs align-middle">
    <div class="avatar inline-block align-middle">
      <div class="rounded inline-block h-3.5 w-3.5">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-0 inline-block">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header inline loading smoke-test 1`] = `
<div class="inline-block">
  <div class="text-md align-middle">
    <div class="avatar inline-block align-middle">
      <div class="rounded inline-block h-5 w-5 skeleton">
      </div>
    </div>
    <div class="pl-0 inline-block">
      <div class="skeleton w-24 h-4">
      </div>
    </div>
  </div>
</div>
`;

exports[`Users/Header inline small loading smoke-test 1`] = `
<div class="inline-block">
  <div class="text-sm align-middle">
    <div class="avatar inline-block align-middle">
      <div class="rounded inline-block h-3.5 w-3.5 skeleton">
      </div>
    </div>
    <div class="pl-0 inline-block">
      <div class="skeleton w-24 h-3">
      </div>
    </div>
  </div>
</div>
`;

exports[`Users/Header inline small smoke-test 1`] = `
<div class="inline-block">
  <div class="text-sm align-middle">
    <div class="avatar inline-block align-middle">
      <div class="rounded inline-block h-3.5 w-3.5">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-0 inline-block">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header inline smoke-test 1`] = `
<div class="inline-block">
  <div class="text-md align-middle">
    <div class="avatar inline-block align-middle">
      <div class="rounded inline-block h-5 w-5">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-0 inline-block">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header loading smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8 skeleton">
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      <div class="skeleton w-24 h-4">
      </div>
    </div>
  </div>
</div>
`;

exports[`Users/Header long name truncated smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="Really Really Long Lon..."
        >
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      Really Really Long Lon...
    </div>
  </div>
</div>
`;

exports[`Users/Header name and displayName shows name smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="Dan"
        >
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      Dan
    </div>
  </div>
</div>
`;

exports[`Users/Header no image smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8 bg-neutral">
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      DanConwayDev
    </div>
  </div>
</div>
`;

exports[`Users/Header not found smoke-test 1`] = `
<div>
  <div class="my-2 text-md flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-8 w-8 bg-neutral">
      </div>
    </div>
    <div class="pl-3 flex-auto m-auto">
      npub18669...
    </div>
  </div>
</div>
`;

exports[`Users/Header small smoke-test 1`] = `
<div>
  <div class="my-2 text-sm flex items-center">
    <div class="avatar flex-none">
      <div class="rounded h-4 w-4">
        <img class="my-0"
             src="../test-profile-image.jpg"
             alt="DanConwayDev"
        >
      </div>
    </div>
    <div class="pl-2 flex-auto m-auto">
      DanConwayDev
    </div>
  </div>
</div>
`;