javascript/atoms/test/text_table_test.html

<!DOCTYPE html>
<!--
Copyright 2011 WebDriver committers
Copyright 2011 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html>
<head>
  <meta charset="utf-8">
  <title>bot.dom.getVisibleText Table Test</title>
  <link rel="stylesheet" href="/filez/_main/third_party/js/qunit/qunit.css">
  <script src="/filez/_main/third_party/js/qunit/qunit.js"></script>
  <script src="/filez/_main/third_party/js/qunit/qunit_test_runner.js"></script>
  <script src="test_bootstrap.js"></script>
  <script src="text_util.js"></script>
  <script type="text/javascript">
    goog.require('bot.dom');
    goog.require('bot.userAgent');
    goog.require('goog.array');
    goog.require('goog.dom');
    goog.require('goog.testing.ExpectedFailures');
    goog.require('goog.userAgent');
  </script>
  <style>
    table {
      width: 100%;
      border: 1px solid black;
      margin: 0.5em;
    }
  </style>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script type="text/javascript">
  // Aliases for helping with creating tables.
  var TABLE = goog.partial(goog.dom.createDom, goog.dom.TagName.TABLE, null);
  var CAPTION = goog.partial(
      goog.dom.createDom, goog.dom.TagName.CAPTION, null);
  var TBODY = goog.partial(goog.dom.createDom, goog.dom.TagName.TBODY, null);
  var TH = goog.partial(goog.dom.createDom, goog.dom.TagName.TH, null);
  var TR = goog.partial(goog.dom.createDom, goog.dom.TagName.TR, null);
  var TD = goog.partial(goog.dom.createDom, goog.dom.TagName.TD, null);
  var P = goog.partial(goog.dom.createDom, goog.dom.TagName.P, null);

  var expectedFailures;

  QUnit.testStart(function() {
    expectedFailures = new goog.testing.ExpectedFailures();
  });

  QUnit.testDone(function() {
    expectedFailures.handleTearDown();
  });

  QUnit.test('empty table', function(assert) {
    assertTextIs(assert, 'empty table', TABLE(), '');
  });


  QUnit.test('empty table body', function(assert) {
    assertTextIs(assert, 'empty table body', TABLE(TBODY()), '');
  });


  QUnit.test('empty row', function(assert) {
    assertTextIs(assert, 'empty row', TABLE(TBODY(TR(), '')));
  });


  QUnit.test('one empty cell', function(assert) {
    assertTextIs(assert, 'one empty cell', TABLE(TBODY(TR(TD()), '')));
  });


  QUnit.test('two empty cells', function(assert) {
    assertTextIs(assert, 'two empty cells', TABLE(TBODY(TR(TD(), TD()), '')));
  });

  QUnit.test('table without tbody', function(assert) {
    // IE < 8 does not render cells in a dynamically-added table with a <tbody>.
    assertTextIs(assert, 'table without tbody', TABLE(TR(TD('a'))), bot.userAgent.IE_DOC_PRE8 ? '' : 'a');
  });

  QUnit.test('one line table', function(assert) {
    assertTextIs(assert, 'one line table', TABLE(TBODY(TR(TD('a'), TD('b')))), 'a b');
  });

  QUnit.test('simple table', function(assert) {
    assertTextIs(assert, 'simple table',
        TABLE(TBODY(
            TR(TD('a'), TD('b')),
            TR(TD('c'), TD('d')))),
        'a b',
        'c d');
  });

  QUnit.test('simple table with empty row', function(assert) {
    assertTextIs(assert, 'simple table with empty row',
        TABLE(TBODY(
            TR(TD('a'), TD('b')),
            TR(TD(), TD()))),
        'a b');
  });

  QUnit.test('simple table with newlines between cells', function(assert) {
    assertTextIs(assert, 'simple table with newlines between cells',
        TABLE(TBODY(
            TR(TD('a'), '\n', TD('b')),
            TR(TD('c'), '\n', TD('d')))),
        'a b',
        'c d');
  });

  QUnit.test('simple table cells end with newlines', function(assert) {
    assertTextIs(assert, 'simple table cells end with newlines',
        TABLE(TBODY(
            TR(TD('a\n'), TD('b\n')),
            TR(TD('c\n'), TD('d\n')))),
        'a b',
        'c d');
  });

  QUnit.test('simple table with newlines between rows', function(assert) {
    assertTextIs(assert, 'simple table with newlines between rows',
        TABLE(TBODY(
            TR(TD('a'), TD('b'), '\n\n'),
            TR(TD('c'), TD('d')))),
        'a b',
        'c d');
  });

  QUnit.test('a table with a caption', function(assert) {
    assertTextIs(assert, 'a table with a caption',
        TABLE(TBODY(
            CAPTION('This is a caption'),
            TR(TD('a'), TD('b')),
            TR(TD('c'), TD('d')))),
        'This is a caption',
        'a b',
        'c d');
  });

  QUnit.test('a table with empty cells', function(assert) {
    assertTextIs(assert, 'a table with empty cells',
        TABLE(TBODY(
            TR(TD('a'), TD('b'), TD('c')),
            TR(TD(), TD(), TD('Previous two cells were empty')))),
        'a b c',
        'Previous two cells were empty');
  });

  QUnit.test('a table with paragraphs', function(assert) {
    assertTextIs(assert, 'a table with paragraphs',
        TABLE(TBODY(TR(
            TD(P('table cell '), P('with '), P('paragraphs')),
            TD('Cell #2')))),
        'table cell',
        'with',
        'paragraphs',
        'Cell #2');
  });

  QUnit.test('nested tables', function(assert) {
    assertTextIs(assert, 'nested tables',
        TABLE(TBODY(
            TR(TD("Table 1, Row 1, Cell 1"), TD("Table 1, Row 1, Cell 2")),
            TR(TD("Table 1, Row 2, Cell 1"),
               TD("Table 1, Row 2, Cell 2",
                  TABLE(TBODY(
                      TR(TD("Table 2, Row 1, Cell 1"),
                         TD("Table 2, Row 1, Cell 2")))))))),
        "Table 1, Row 1, Cell 1 Table 1, Row 1, Cell 2",
        "Table 1, Row 2, Cell 1 Table 1, Row 2, Cell 2",
        "Table 2, Row 1, Cell 1 Table 2, Row 1, Cell 2");
  });


  QUnit.test('nested tables rows in outer table after inner table', function(assert) {
    assertTextIs(assert, 'nested tables rows in outer table after inner table',
        TABLE(TBODY(
            TR(TD("Table 1, Row 1, Cell 1"), TD("Table 1, Row 1, Cell 2")),
            TR(TD("Table 1, Row 2, Cell 1"),
               TD("Table 1, Row 2, Cell 2",
                  TABLE(TBODY(
                      TR(TD("Table 2, Row 1, Cell 1"),
                         TD("Table 2, Row 1, Cell 2")))))),
            TR(TD("Table 1, Row 3, Cell 1"), TD("Table 1, Row 3, Cell 2")))),
        "Table 1, Row 1, Cell 1 Table 1, Row 1, Cell 2",
        "Table 1, Row 2, Cell 1 Table 1, Row 2, Cell 2",
        "Table 2, Row 1, Cell 1 Table 2, Row 1, Cell 2",
        "Table 1, Row 3, Cell 1 Table 1, Row 3, Cell 2");
  });


  QUnit.test('nested tables now with newlines', function(assert) {
    assertTextIs(assert, 'nested tables now with newlines',
        goog.dom.getElement('nestedTable'),
        "Table 1, Row 1, Cell 1 Table 1, Row 1, Cell 2",
        "Table 1, Row 2, Cell 1 Table 1, Row 2, Cell 2",
        "Table 2, Row 1, Cell 1 Table 2, Row 1, Cell 2",
        "Table 1, Row 3, Cell 1 Table 1, Row 3, Cell 2");
  });


  QUnit.test('table with collapsed rows', function(assert) {
    expectedFailures.expectFailureFor(
        (goog.userAgent.IE && !goog.userAgent.isDocumentModeOrHigher(8)),
        'IE does not support visibility:collapsed until IE8');
    expectedFailures.run(function() {
      assertTextIs(assert, 'table with collapsed rows',
          goog.dom.getElement('collapsedTable'),
          'a', 'c');
    });
  });
</script>
<table id="collapsedTable">
  <tr><td>a</td></tr>
  <tr style="visibility:collapse"><td>b</td></tr>
  <tr><td>c</td></tr>
</table>
<table id="nestedTable">
  <tr>
      <td>
          Table 1, Row 1, Cell 1
      </td>
      <td>
          Table 1, Row 1, Cell 2
      </td>
  </tr>
  <tr>
      <td>
          Table 1, Row 2, Cell 1
      </td>
      <td>
          Table 1, Row 2, Cell 2
          <table>
              <tr>
                  <td>
                      Table 2, Row 1, Cell 1
                  </td>
                  <td>
                      Table 2, Row 1, Cell 2
                  </td>
              </tr>
          </table>
      </td>
  </tr>
  <tr>
      <td>
          Table 1, Row 3, Cell 1
      </td>
      <td>
          Table 1, Row 3, Cell 2
      </td>
  </tr>
</table>
</body>
</html>