ant-design/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap

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

exports[`Avatar Render adjusts component size to 24 when window size is xs 1`] = `
<div>
  <span
    class="ant-avatar ant-avatar-circle"
    style="width: 24px; height: 24px; line-height: 24px; font-size: 18px;"
  >
    <span
      class="ant-avatar-string"
      style="transform: scale(0.32) translateX(-50%);"
    />
  </span>
</div>
`;

exports[`Avatar Render adjusts component size to 32 when window size is sm 1`] = `
<div>
  <span
    class="ant-avatar ant-avatar-circle"
    style="width: 32px; height: 32px; line-height: 32px; font-size: 18px;"
  >
    <span
      class="ant-avatar-string"
      style="transform: scale(0.32) translateX(-50%);"
    />
  </span>
</div>
`;

exports[`Avatar Render adjusts component size to 40 when window size is md 1`] = `
<div>
  <span
    class="ant-avatar ant-avatar-circle"
    style="width: 40px; height: 40px; line-height: 40px; font-size: 18px;"
  >
    <span
      class="ant-avatar-string"
      style="transform: scale(0.32) translateX(-50%);"
    />
  </span>
</div>
`;

exports[`Avatar Render adjusts component size to 64 when window size is lg 1`] = `
<div>
  <span
    class="ant-avatar ant-avatar-circle"
    style="width: 64px; height: 64px; line-height: 64px; font-size: 18px;"
  >
    <span
      class="ant-avatar-string"
      style="transform: scale(0.32) translateX(-50%);"
    />
  </span>
</div>
`;

exports[`Avatar Render adjusts component size to 80 when window size is xl 1`] = `
<div>
  <span
    class="ant-avatar ant-avatar-circle"
    style="width: 80px; height: 80px; line-height: 80px; font-size: 18px;"
  >
    <span
      class="ant-avatar-string"
      style="transform: scale(0.32) translateX(-50%);"
    />
  </span>
</div>
`;

exports[`Avatar Render adjusts component size to 100 when window size is xxl 1`] = `
<div>
  <span
    class="ant-avatar ant-avatar-circle"
    style="width: 100px; height: 100px; line-height: 100px; font-size: 18px;"
  >
    <span
      class="ant-avatar-string"
      style="transform: scale(0.32) translateX(-50%);"
    />
  </span>
</div>
`;

exports[`Avatar Render fallback 1`] = `
<span
  class="ant-avatar ant-avatar-circle"
>
  <span
    class="ant-avatar-string"
    style="transform: scale(1) translateX(-50%);"
  >
    A
  </span>
</span>
`;

exports[`Avatar Render rtl render component should be rendered correctly in RTL direction 1`] = `
<span
  class="ant-avatar ant-avatar-circle"
>
  <span
    class="ant-avatar-string"
    style="transform: scale(0.72) translateX(-50%);"
  />
</span>
`;

exports[`Avatar Render should calculate scale of avatar children correctly 1`] = `
<span
  className="ant-avatar-string"
  style={
    Object {
      "WebkitTransform": "scale(0.72) translateX(-50%)",
      "msTransform": "scale(0.72) translateX(-50%)",
      "transform": "scale(0.72) translateX(-50%)",
    }
  }
>
  Avatar
</span>
`;

exports[`Avatar Render should calculate scale of avatar children correctly 2`] = `
<span
  className="ant-avatar-string"
  style={
    Object {
      "WebkitTransform": "scale(0.72) translateX(-50%)",
      "msTransform": "scale(0.72) translateX(-50%)",
      "transform": "scale(0.72) translateX(-50%)",
    }
  }
>
  xx
</span>
`;

exports[`Avatar Render should calculate scale of avatar children correctly with gap 1`] = `
<span
  className="ant-avatar-string"
  style={
    Object {
      "WebkitTransform": "scale(0.36) translateX(-50%)",
      "msTransform": "scale(0.36) translateX(-50%)",
      "transform": "scale(0.36) translateX(-50%)",
    }
  }
>
  Avatar
</span>
`;

exports[`Avatar Render should handle onError correctly 1`] = `
<Foo>
  <Avatar
    onError={[Function]}
    shape="circle"
    size="default"
    src="https://joeschmoe.io/api/v1/random"
  >
    <span
      className="ant-avatar ant-avatar-circle ant-avatar-image"
      style={Object {}}
    >
      <img
        onError={[Function]}
        src="https://joeschmoe.io/api/v1/random"
      />
    </span>
  </Avatar>
</Foo>
`;

exports[`Avatar Render should show image on success after a failure state 1`] = `
<Avatar
  shape="circle"
  size="default"
  src="http://error.url"
>
  <span
    className="ant-avatar ant-avatar-circle"
    style={Object {}}
  >
    <ResizeObserver
      onResize={[Function]}
    >
      <SingleObserver
        key="rc-observer-key-0"
        onResize={[Function]}
      >
        <DomWrapper>
          <span
            className="ant-avatar-string"
            style={
              Object {
                "WebkitTransform": "scale(1) translateX(-50%)",
                "msTransform": "scale(1) translateX(-50%)",
                "transform": "scale(1) translateX(-50%)",
              }
            }
          >
            Fallback
          </span>
        </DomWrapper>
      </SingleObserver>
    </ResizeObserver>
  </span>
</Avatar>
`;

exports[`Avatar Render should show image on success after a failure state 2`] = `
<Avatar
  shape="circle"
  size="default"
  src="https://joeschmoe.io/api/v1/random"
>
  <span
    className="ant-avatar ant-avatar-circle ant-avatar-image"
    style={Object {}}
  >
    <img
      onError={[Function]}
      src="https://joeschmoe.io/api/v1/random"
    />
  </span>
</Avatar>
`;

exports[`Avatar Render support size is number 1`] = `
<span
  class="ant-avatar ant-avatar-circle"
  style="width: 100px; height: 100px; line-height: 100px; font-size: 18px;"
>
  <span
    class="ant-avatar-string"
    style="line-height: 100px; transform: scale(0.32) translateX(-50%);"
  >
    TestString
  </span>
</span>
`;