Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/printing/thead-tfoot-containing-svg-repeat-extra-pages.html 

<!DOCTYPE html>
<style>
  body {
    font-size: 30px;
    line-height: 50px;
  }
</style>
<script>
  if (window.testRunner)
    testRunner.setPrinting();
</script>
Passes if there is a green circle before each "Header" and a red circle before each "Footer".
<div style="height: 1000px"></div>
<table>
  <thead>
    <tr>
      <th>
        <svg height="30" width="30">
          <circle cx="15" cy="15" r="15" fill="green" />
        </svg>
        Header
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
    </tr>
    <tr>
      <td>2</td>
    </tr>
    <tr>
      <td>3</td>
    </tr>
    <tr>
      <td>4</td>
    </tr>
    <tr>
      <td>5</td>
    </tr>
    <tr>
      <td>6</td>
    </tr>
    <tr>
      <td>7</td>
    </tr>
    <tr>
      <td>8</td>
    </tr>
    <tr>
      <td>9</td>
    </tr>
    <tr>
      <td>10</td>
    </tr>
    <tr>
      <td>11</td>
    </tr>
    <tr>
      <td>12</td>
    </tr>
    <tr>
      <td>13</td>
    </tr>
    <tr>
      <td>14</td>
    </tr>
    <tr>
      <td>15</td>
    </tr>
    <tr>
      <td>16</td>
    </tr>
    <tr>
      <td>17</td>
    </tr>
    <tr>
      <td>18</td>
    </tr>
    <tr>
      <td>19</td>
    </tr>
    <tr>
      <td>20</td>
    </tr>
    <tr>
      <td>21</td>
    </tr>
    <tr>
      <td>22</td>
    </tr>
    <tr>
      <td>23</td>
    </tr>
    <tr>
      <td>24</td>
    </tr>
    <tr>
      <td>25</td>
    </tr>
    <tr>
      <td>26</td>
    </tr>
    <tr>
      <td>27</td>
    </tr>
    <tr>
      <td>28</td>
    </tr>
    <tr>
      <td>29</td>
    </tr>
    <tr>
      <td>30</td>
    </tr>
    <tr>
      <td>31</td>
    </tr>
    <tr>
      <td>32</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>
        <svg height="30" width="30">
          <circle cx="15" cy="15" r="15" fill="red" />
        </svg>
        Footer
      </th>
    </tr>
  </tfoot>
</table>
<div style="height: 1000px"></div>