ant-design/components/card/__tests__/__snapshots__/demo.test.js.snap

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

exports[`renders ./components/card/demo/basic.md correctly 1`] = `
<div
  class="ant-card ant-card-bordered"
  style="width:300px;"
>
  <div
    class="ant-card-head"
  >
    <h3
      class="ant-card-head-title"
    >
      Card title
    </h3>
  </div>
  <div
    class="ant-card-extra"
  >
    <a
      href="#"
    >
      More
    </a>
  </div>
  <div
    class="ant-card-body"
  >
    <p>
      Card content
    </p>
    <p>
      Card content
    </p>
    <p>
      Card content
    </p>
  </div>
</div>
`;

exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
<div
  style="background:#ECECEC;padding:30px;"
>
  <div
    class="ant-card"
    style="width:300px;"
  >
    <div
      class="ant-card-head"
    >
      <h3
        class="ant-card-head-title"
      >
        Card title
      </h3>
    </div>
    <div
      class="ant-card-body"
    >
      <p>
        Card content
      </p>
      <p>
        Card content
      </p>
      <p>
        Card content
      </p>
    </div>
  </div>
</div>
`;

exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
<div
  class="ant-card ant-card-bordered ant-card-no-hovering ant-card-contain-grid"
>
  <div
    class="ant-card-head"
  >
    <h3
      class="ant-card-head-title"
    >
      Card Title
    </h3>
  </div>
  <div
    class="ant-card-body"
  >
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
      Content
    </div>
  </div>
</div>
`;

exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
<div
  style="background:#ECECEC;padding:30px;"
>
  <div
    class="ant-row"
    style="margin-left:-8px;margin-right:-8px;"
  >
    <div
      class="ant-col-8"
      style="padding-left:8px;padding-right:8px;"
    >
      <div
        class="ant-card"
      >
        <div
          class="ant-card-head"
        >
          <h3
            class="ant-card-head-title"
          >
            Card title
          </h3>
        </div>
        <div
          class="ant-card-body"
        >
          Card content
        </div>
      </div>
    </div>
    <div
      class="ant-col-8"
      style="padding-left:8px;padding-right:8px;"
    >
      <div
        class="ant-card"
      >
        <div
          class="ant-card-head"
        >
          <h3
            class="ant-card-head-title"
          >
            Card title
          </h3>
        </div>
        <div
          class="ant-card-body"
        >
          Card content
        </div>
      </div>
    </div>
    <div
      class="ant-col-8"
      style="padding-left:8px;padding-right:8px;"
    >
      <div
        class="ant-card"
      >
        <div
          class="ant-card-head"
        >
          <h3
            class="ant-card-head-title"
          >
            Card title
          </h3>
        </div>
        <div
          class="ant-card-body"
        >
          Card content
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div
  class="ant-card ant-card-loading ant-card-bordered"
  style="width:34%;"
>
  <div
    class="ant-card-head"
  >
    <h3
      class="ant-card-head-title"
    >
      Card title
    </h3>
  </div>
  <div
    class="ant-card-body"
  >
    <div
      class="ant-card-loading-content"
    >
      <p
        class="ant-card-loading-block"
        style="width:94%;"
      />
      <p>
        <span
          class="ant-card-loading-block"
          style="width:28%;"
        />
        <span
          class="ant-card-loading-block"
          style="width:62%;"
        />
      </p>
      <p>
        <span
          class="ant-card-loading-block"
          style="width:22%;"
        />
        <span
          class="ant-card-loading-block"
          style="width:66%;"
        />
      </p>
      <p>
        <span
          class="ant-card-loading-block"
          style="width:56%;"
        />
        <span
          class="ant-card-loading-block"
          style="width:39%;"
        />
      </p>
      <p>
        <span
          class="ant-card-loading-block"
          style="width:21%;"
        />
        <span
          class="ant-card-loading-block"
          style="width:15%;"
        />
        <span
          class="ant-card-loading-block"
          style="width:40%;"
        />
      </p>
    </div>
  </div>
</div>
`;

exports[`renders ./components/card/demo/no-padding.md correctly 1`] = `
<div
  class="ant-card ant-card-bordered"
  style="width:240px;"
>
  <div
    class="ant-card-body"
    style="padding:0;"
  >
    <div
      class="custom-image"
    >
      <img
        alt="example"
        src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
        width="100%"
      />
    </div>
    <div
      class="custom-card"
    >
      <h3>
        Europe Street beat
      </h3>
      <p>
        www.instagram.com
      </p>
    </div>
  </div>
</div>
`;

exports[`renders ./components/card/demo/simple.md correctly 1`] = `
<div
  class="ant-card ant-card-bordered"
  style="width:300px;"
>
  <div
    class="ant-card-body"
  >
    <p>
      Card content
    </p>
    <p>
      Card content
    </p>
    <p>
      Card content
    </p>
  </div>
</div>
`;