ant-design/components/descriptions/__tests__/__snapshots__/demo-extend.test.ts.snap

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

exports[`renders ./components/descriptions/demo/basic.tsx extend context correctly 1`] = `
<div
  class="ant-descriptions"
>
  <div
    class="ant-descriptions-header"
  >
    <div
      class="ant-descriptions-title"
    >
      User Info
    </div>
  </div>
  <div
    class="ant-descriptions-view"
  >
    <table>
      <tbody>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                UserName
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                Zhou Maomao
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Telephone
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                1810000000
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Live
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                Hangzhou, Zhejiang
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Remark
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                empty
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="2"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Address
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
              </span>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`;

exports[`renders ./components/descriptions/demo/border.tsx extend context correctly 1`] = `
<div
  class="ant-descriptions ant-descriptions-bordered"
>
  <div
    class="ant-descriptions-header"
  >
    <div
      class="ant-descriptions-title"
    >
      User Info
    </div>
  </div>
  <div
    class="ant-descriptions-view"
  >
    <table>
      <tbody>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Product
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              Cloud Database
            </span>
          </td>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Billing Mode
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              Prepaid
            </span>
          </td>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Automatic Renewal
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              YES
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Order time
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              2018-04-24 18:00:00
            </span>
          </td>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Usage Time
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="3"
          >
            <span>
              2019-04-24 18:00:00
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Status
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="5"
          >
            <span>
              <span
                class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
              >
                <span
                  class="ant-badge-status-dot ant-badge-status-processing"
                />
                <span
                  class="ant-badge-status-text"
                >
                  Running
                </span>
              </span>
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Negotiated Amount
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              $80.00
            </span>
          </td>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Discount
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              $20.00
            </span>
          </td>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Official Receipts
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              $60.00
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Config Info
            </span>
          </th>
          <td
            class="ant-descriptions-item-content"
            colspan="5"
          >
            <span>
              Data disk type: MongoDB
              <br />
              Database version: 3.4
              <br />
              Package: dds.mongo.mid
              <br />
              Storage space: 10 GB
              <br />
              Replication factor: 3
              <br />
              Region: East China 1
              <br />
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`;

exports[`renders ./components/descriptions/demo/responsive.tsx extend context correctly 1`] = `
<div>
  <div
    class="ant-descriptions ant-descriptions-bordered"
  >
    <div
      class="ant-descriptions-header"
    >
      <div
        class="ant-descriptions-title"
      >
        Responsive Descriptions
      </div>
    </div>
    <div
      class="ant-descriptions-view"
    >
      <table>
        <tbody>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Product
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                Cloud Database
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Billing
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                Prepaid
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                time
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                18:00:00
              </span>
            </td>
          </tr>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Amount
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                $80.00
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Discount
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                $20.00
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Official
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                $60.00
              </span>
            </td>
          </tr>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Config Info
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="5"
            >
              <span>
                Data disk type: MongoDB
                <br />
                Database version: 3.4
                <br />
                Package: dds.mongo.mid
                <br />
                Storage space: 10 GB
                <br />
                Replication factor: 3
                <br />
                Region: East China 1
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
`;

exports[`renders ./components/descriptions/demo/size.tsx extend context correctly 1`] = `
<div>
  <div
    class="ant-radio-group ant-radio-group-outline"
  >
    <label
      class="ant-radio-wrapper ant-radio-wrapper-checked"
    >
      <span
        class="ant-radio ant-radio-checked"
      >
        <input
          checked=""
          class="ant-radio-input"
          type="radio"
          value="default"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        default
      </span>
    </label>
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="middle"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        middle
      </span>
    </label>
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="small"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        small
      </span>
    </label>
  </div>
  <br />
  <br />
  <div
    class="ant-descriptions ant-descriptions-bordered"
  >
    <div
      class="ant-descriptions-header"
    >
      <div
        class="ant-descriptions-title"
      >
        Custom Size
      </div>
      <div
        class="ant-descriptions-extra"
      >
        <button
          class="ant-btn ant-btn-primary"
          type="button"
        >
          <span>
            Edit
          </span>
        </button>
      </div>
    </div>
    <div
      class="ant-descriptions-view"
    >
      <table>
        <tbody>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Product
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                Cloud Database
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Billing
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                Prepaid
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                time
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                18:00:00
              </span>
            </td>
          </tr>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Amount
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                $80.00
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Discount
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                $20.00
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Official
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                $60.00
              </span>
            </td>
          </tr>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Config Info
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="5"
            >
              <span>
                Data disk type: MongoDB
                <br />
                Database version: 3.4
                <br />
                Package: dds.mongo.mid
                <br />
                Storage space: 10 GB
                <br />
                Replication factor: 3
                <br />
                Region: East China 1
                <br />
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <br />
  <br />
  <div
    class="ant-descriptions"
  >
    <div
      class="ant-descriptions-header"
    >
      <div
        class="ant-descriptions-title"
      >
        Custom Size
      </div>
      <div
        class="ant-descriptions-extra"
      >
        <button
          class="ant-btn ant-btn-primary"
          type="button"
        >
          <span>
            Edit
          </span>
        </button>
      </div>
    </div>
    <div
      class="ant-descriptions-view"
    >
      <table>
        <tbody>
          <tr
            class="ant-descriptions-row"
          >
            <td
              class="ant-descriptions-item"
              colspan="1"
            >
              <div
                class="ant-descriptions-item-container"
              >
                <span
                  class="ant-descriptions-item-label"
                >
                  Product
                </span>
                <span
                  class="ant-descriptions-item-content"
                >
                  Cloud Database
                </span>
              </div>
            </td>
            <td
              class="ant-descriptions-item"
              colspan="1"
            >
              <div
                class="ant-descriptions-item-container"
              >
                <span
                  class="ant-descriptions-item-label"
                >
                  Billing
                </span>
                <span
                  class="ant-descriptions-item-content"
                >
                  Prepaid
                </span>
              </div>
            </td>
            <td
              class="ant-descriptions-item"
              colspan="1"
            >
              <div
                class="ant-descriptions-item-container"
              >
                <span
                  class="ant-descriptions-item-label"
                >
                  time
                </span>
                <span
                  class="ant-descriptions-item-content"
                >
                  18:00:00
                </span>
              </div>
            </td>
          </tr>
          <tr
            class="ant-descriptions-row"
          >
            <td
              class="ant-descriptions-item"
              colspan="1"
            >
              <div
                class="ant-descriptions-item-container"
              >
                <span
                  class="ant-descriptions-item-label"
                >
                  Amount
                </span>
                <span
                  class="ant-descriptions-item-content"
                >
                  $80.00
                </span>
              </div>
            </td>
            <td
              class="ant-descriptions-item"
              colspan="1"
            >
              <div
                class="ant-descriptions-item-container"
              >
                <span
                  class="ant-descriptions-item-label"
                >
                  Discount
                </span>
                <span
                  class="ant-descriptions-item-content"
                >
                  $20.00
                </span>
              </div>
            </td>
            <td
              class="ant-descriptions-item"
              colspan="1"
            >
              <div
                class="ant-descriptions-item-container"
              >
                <span
                  class="ant-descriptions-item-label"
                >
                  Official
                </span>
                <span
                  class="ant-descriptions-item-content"
                >
                  $60.00
                </span>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
`;

exports[`renders ./components/descriptions/demo/style.tsx extend context correctly 1`] = `
Array [
  <button
    aria-checked="true"
    class="ant-switch ant-switch-checked"
    role="switch"
    type="button"
  >
    <div
      class="ant-switch-handle"
    />
    <span
      class="ant-switch-inner"
    >
      <span
        class="ant-switch-inner-checked"
      >
        Border
      </span>
      <span
        class="ant-switch-inner-unchecked"
      >
        No Border
      </span>
    </span>
  </button>,
  <div
    class="ant-divider ant-divider-horizontal"
    role="separator"
  />,
  <div
    class="ant-radio-group ant-radio-group-outline"
  >
    <label
      class="ant-radio-wrapper ant-radio-wrapper-checked"
    >
      <span
        class="ant-radio ant-radio-checked"
      >
        <input
          checked=""
          class="ant-radio-input"
          type="radio"
          value="horizontal"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        horizontal
      </span>
    </label>
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="vertical"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        vertical
      </span>
    </label>
  </div>,
  <div
    class="ant-divider ant-divider-horizontal"
    role="separator"
  />,
  <div
    class="ant-descriptions ant-descriptions-bordered"
  >
    <div
      class="ant-descriptions-header"
    >
      <div
        class="ant-descriptions-title"
      >
        User Info
      </div>
    </div>
    <div
      class="ant-descriptions-view"
    >
      <table>
        <tbody>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
              style="background:red"
            >
              <span>
                Product
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
              style="background:green"
            >
              <span>
                Cloud Database
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Billing Mode
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                Prepaid
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
            >
              <span>
                Automatic Renewal
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
            >
              <span>
                YES
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>,
  <div
    class="ant-divider ant-divider-horizontal"
    role="separator"
  />,
  <div
    class="ant-descriptions ant-descriptions-bordered"
  >
    <div
      class="ant-descriptions-header"
    >
      <div
        class="ant-descriptions-title"
      >
        Root style
      </div>
    </div>
    <div
      class="ant-descriptions-view"
    >
      <table>
        <tbody>
          <tr
            class="ant-descriptions-row"
          >
            <th
              class="ant-descriptions-item-label"
              colspan="1"
              style="background:red"
            >
              <span>
                Product
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
              style="background:green"
            >
              <span>
                Cloud Database
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
              style="background:red"
            >
              <span>
                Billing Mode
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
              style="background:green"
            >
              <span>
                Prepaid
              </span>
            </td>
            <th
              class="ant-descriptions-item-label"
              colspan="1"
              style="background:red;color:orange"
            >
              <span>
                Automatic Renewal
              </span>
            </th>
            <td
              class="ant-descriptions-item-content"
              colspan="1"
              style="background:green;color:blue"
            >
              <span>
                YES
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>,
]
`;

exports[`renders ./components/descriptions/demo/text.tsx extend context correctly 1`] = `
<div
  class="ant-descriptions"
>
  <div
    class="ant-descriptions-header"
  >
    <div
      class="ant-descriptions-title"
    >
      User Info
    </div>
  </div>
  <div
    class="ant-descriptions-view"
  >
    <table>
      <tbody>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Product
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                Cloud Database
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                <div
                  style="display:flex"
                >
                  Billing Mode
                </div>
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                Prepaid
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Automatic Renewal
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                YES
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Order time
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                2018-04-24 18:00:00
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="2"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Usage Time
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                2019-04-24 18:00:00
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="2"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Status
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                <span
                  class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                >
                  <span
                    class="ant-badge-status-dot ant-badge-status-processing"
                  />
                  <span
                    class="ant-badge-status-text"
                  >
                    Running
                  </span>
                </span>
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Negotiated Amount
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                $80.00
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Discount
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                $20.00
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Official Receipts
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                $60.00
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Config Info
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                Data disk type: MongoDB
                <br />
                Database version: 3.4
                <br />
                Package: dds.mongo.mid
                <br />
                Storage space: 10 GB
                <br />
                Replication factor: 3
                <br />
                Region: East China 1
                <br />
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Official Receipts
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                $60.00
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Config Info
              </span>
              <span
                class="ant-descriptions-item-content"
              >
                <div
                  class="ant-table-wrapper"
                >
                  <div
                    class="ant-spin-nested-loading"
                  >
                    <div
                      class="ant-spin-container"
                    >
                      <div
                        class="ant-table ant-table-small"
                      >
                        <div
                          class="ant-table-container"
                        >
                          <div
                            class="ant-table-content"
                          >
                            <table
                              style="table-layout:auto"
                            >
                              <colgroup />
                              <thead
                                class="ant-table-thead"
                              >
                                <tr>
                                  <th
                                    class="ant-table-cell"
                                    scope="col"
                                  >
                                    姓名
                                  </th>
                                  <th
                                    class="ant-table-cell"
                                    scope="col"
                                  >
                                    年龄
                                  </th>
                                  <th
                                    class="ant-table-cell"
                                    scope="col"
                                  >
                                    住址
                                  </th>
                                </tr>
                              </thead>
                              <tbody
                                class="ant-table-tbody"
                              >
                                <tr
                                  class="ant-table-row ant-table-row-level-0"
                                  data-row-key="1"
                                >
                                  <td
                                    class="ant-table-cell"
                                  >
                                    胡彦斌
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    32
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    西湖区湖底公园1号
                                  </td>
                                </tr>
                                <tr
                                  class="ant-table-row ant-table-row-level-0"
                                  data-row-key="2"
                                >
                                  <td
                                    class="ant-table-cell"
                                  >
                                    胡彦祖
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    42
                                  </td>
                                  <td
                                    class="ant-table-cell"
                                  >
                                    西湖区湖底公园1号
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </span>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`;

exports[`renders ./components/descriptions/demo/vertical.tsx extend context correctly 1`] = `
<div
  class="ant-descriptions"
>
  <div
    class="ant-descriptions-header"
  >
    <div
      class="ant-descriptions-title"
    >
      User Info
    </div>
  </div>
  <div
    class="ant-descriptions-view"
  >
    <table>
      <tbody>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                UserName
              </span>
            </div>
          </th>
          <th
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Telephone
              </span>
            </div>
          </th>
          <th
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Live
              </span>
            </div>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-content"
              >
                Zhou Maomao
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-content"
              >
                1810000000
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-content"
              >
                Hangzhou, Zhejiang
              </span>
            </div>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item"
            colspan="2"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Address
              </span>
            </div>
          </th>
          <th
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-label"
              >
                Remark
              </span>
            </div>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item"
            colspan="2"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-content"
              >
                No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
              </span>
            </div>
          </td>
          <td
            class="ant-descriptions-item"
            colspan="1"
          >
            <div
              class="ant-descriptions-item-container"
            >
              <span
                class="ant-descriptions-item-content"
              >
                empty
              </span>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`;

exports[`renders ./components/descriptions/demo/vertical-border.tsx extend context correctly 1`] = `
<div
  class="ant-descriptions ant-descriptions-bordered"
>
  <div
    class="ant-descriptions-header"
  >
    <div
      class="ant-descriptions-title"
    >
      User Info
    </div>
  </div>
  <div
    class="ant-descriptions-view"
  >
    <table>
      <tbody>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Product
            </span>
          </th>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Billing Mode
            </span>
          </th>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Automatic Renewal
            </span>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              Cloud Database
            </span>
          </td>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              Prepaid
            </span>
          </td>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              YES
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Order time
            </span>
          </th>
          <th
            class="ant-descriptions-item-label"
            colspan="2"
          >
            <span>
              Usage Time
            </span>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              2018-04-24 18:00:00
            </span>
          </td>
          <td
            class="ant-descriptions-item-content"
            colspan="2"
          >
            <span>
              2019-04-24 18:00:00
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="3"
          >
            <span>
              Status
            </span>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item-content"
            colspan="3"
          >
            <span>
              <span
                class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
              >
                <span
                  class="ant-badge-status-dot ant-badge-status-processing"
                />
                <span
                  class="ant-badge-status-text"
                >
                  Running
                </span>
              </span>
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Negotiated Amount
            </span>
          </th>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Discount
            </span>
          </th>
          <th
            class="ant-descriptions-item-label"
            colspan="1"
          >
            <span>
              Official Receipts
            </span>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              $80.00
            </span>
          </td>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              $20.00
            </span>
          </td>
          <td
            class="ant-descriptions-item-content"
            colspan="1"
          >
            <span>
              $60.00
            </span>
          </td>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <th
            class="ant-descriptions-item-label"
            colspan="3"
          >
            <span>
              Config Info
            </span>
          </th>
        </tr>
        <tr
          class="ant-descriptions-row"
        >
          <td
            class="ant-descriptions-item-content"
            colspan="3"
          >
            <span>
              Data disk type: MongoDB
              <br />
              Database version: 3.4
              <br />
              Package: dds.mongo.mid
              <br />
              Storage space: 10 GB
              <br />
              Replication factor: 3
              <br />
              Region: East China 1
              <br />
            </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`;