chromium/third_party/blink/perf_tests/layout/nested-percent-height-tables.html

<!DOCTYPE HTML>
<style>
.body { margin:0; }
.maxHeight { width:100%; height:100%; }
.overflowDiv { overflow:hidden; display:inline-block }
.overflowAuto { overflow:auto; }
</style>
<html id="top">
  <body class="body" style="height:100%;">
    <table class="maxHeight">
      <tr>
        <td style="height:100%;">
          <div class="maxHeight">
            <table class="maxHeight">
              <tr>
                <td class="maxHeight">
                  <table class="maxHeight">
                    <tr>
                      <td style="height:100%;">
                        <div class="maxHeight">
                          <table id="top" class="maxHeight">
                            <colgroup>
                              <col/>
                              <col />
                              <col  style="width:100%;"/>
                            </colgroup>
                            <tr  style="height:100%;">
                              <td style="height:100%;">
                                <div class="overflowAuto maxHeight" style="position:relative;">
                              </td>
                              <td rowspan="1">
                                <div class="overflowDiv" >
                                </div>
                              </td>
                              <td style="height:100%;">
                                <div class="overflowAuto maxHeight" style="position:relative;">
                                  <div class="maxHeight">
                                    <table class="maxHeight">
                                      <tr>
                                        <td class="maxHeight">
                                          <table class="maxHeight">
                                            <tr>
                                              <td  style="height:100%;">
                                                <table  class="maxHeight">
                                                  <tr>
                                                    <td colspan="2" class="maxHeight">
                                                      <div class=" maxHeight">
                                                        <table class="maxHeight">
                                                          <tr>
                                                            <td class="maxHeight">
                                                              <table class="maxHeight">
                                                                <tr>
                                                                  <td  style="height:100%;">
                                                                    <table class="maxHeight">
                                                                      <tr>
                                                                        <td class="maxHeight">
                                                                          <table class="maxHeight">
                                                                            <tr>
                                                                              <td class="maxHeight">
                                                                                <div class="maxHeight">
                                                                                  <table class="maxHeight">
                                                                                    <tr>
                                                                                      <td class="maxHeight">
                                                                                        <table class="maxHeight">
                                                                                          <tr>
                                                                                            <td  class="maxHeight">
                                                                                              <table class="maxHeight">
                                                                                                <tr>
                                                                                                  <td class="maxHeight">
                                                                                                    <table class="maxHeight">
                                                                                                      <tr>
                                                                                                        <td class="maxHeight">
                                                                                                          <table class="maxHeight">
                                                                                                            <tr>
                                                                                                              <td class="maxHeight">
                                                                                                                <table class="maxHeight">
                                                                                                                  <tr>
                                                                                                                    <td class="maxHeight">
                                                                                                                      <table class="maxHeight">
                                                                                                                        <tr>
                                                                                                                          <td class="maxHeight">
<script src="../resources/runner.js"></script>
<script>
function test() {
  PerfTestRunner.forceLayout();
  document.getElementById("top").style.height = "100%";
  PerfTestRunner.forceLayout();
  document.getElementById("top").style.height = "auto";
}
PerfTestRunner.measureRunsPerSecond({
  description: "Measures performance of nested tables with percent height.",
  run: test,
});
</script>