javascript/atoms/test/text_test.html

<!DOCTYPE html>
<!--
Copryight 2012 Software Freedom Conservancy
Copyright 2010-2012 WebDriver committers

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>
  <title>text_test.html</title>
  <meta charset="UTF-8">
  <script src="test_bootstrap.js"></script>
  <script type="text/javascript">
    goog.require('bot.dom');
    goog.require('bot.locators');
    goog.require('goog.testing.jsunit');
    goog.require('goog.testing.ExpectedFailures');
  </script>

  <script type="text/javascript">

    function testGetVisibleTextShouldReturnOneLineText() {
      var text = getVisibleTextByElementId('oneline');

      assertEquals("A single line of text", text);
    }

    function testGetVisibleTextShouldReturnMultilineText() {
      var text = getVisibleTextByElementId('multiline');

      assertContains("A div containing", text);
      assertContains("More than one line of text", text);
      assertContains("and block level elements", text);
    }

    function testGetVisibleTextShouldIgnoreScriptElements() {
      var text = getVisibleTextByElementId('script');

      assertEquals("Some text that contains script tags", text)
    }

    function testGetVisibleTextShouldIgnoreTitleElements() {
      var titleElement = bot.locators.findElement({tagName: 'title'});
      var text = bot.dom.getVisibleText(titleElement);

      assertEquals('', text)
    }

    function testGetVisibleTextShouldRecursivelyIgnoreTitleElements() {
      var headElement = bot.locators.findElement({tagName: 'head'});
      var text = bot.dom.getVisibleText(headElement);

      assertEquals('', text)
    }

    function testGetVisibleTextShouldRepresentABlockLevelElementAsANewline() {
      var text = getVisibleTextByElementId('multiline');

      assertStartsWith("A div containing\n", text);
      assertContains("More than one line of text\n", text);
      assertEndsWith("and block level elements", text);
    }

    function testGetVisibleShouldCollapseMultipleWhitespacesIntoASingleSpace() {
      var text = getVisibleTextByElementId('lotsofspaces');

      assertEquals("This line has lots of spaces.", text)
    }

    function testGetVisibleTextShouldConvertNonBreakingSpaceInASpaceChar() {
      var text = getVisibleTextByElementId('nbsp');

      assertEquals("This line has a non-breaking space", text);
    }

    function testGetVisibleTextShouldNotCollapseNonBreakingSpaces() {
      var text = getVisibleTextByElementId("nbspandspaces");
      assertEquals("This line has a   non-breaking space and spaces", text);
    }

    function testGetVisibleTextShouldNotTrimTrailingNonBreakingSpaces() {
      var text = getVisibleTextByElementId("trailingnbsp");
      assertEquals("This line has trailing non-breaking spaces   ", text);
    }

    function testGetVisibleTextShouldNotTrimNonBreakingSpacesAtTheEndOfALineInTheMiddleOfText() {
      var text = getVisibleTextByElementId("multilinetrailingnbsp");
      assertStartsWith("These lines  \n", text);
    }

    function testGetVisibleTextShouldNotTrimNonBreakingSpacesAtTheStartOfALineInTheMiddleOfText() {
      var text = getVisibleTextByElementId("multilinetrailingnbsp");
      assertContains("\n  have", text);
    }

    function testGetVisibleTextShouldNotTrimTrailingNonBreakingSpacesInMultilineText() {
      var text = getVisibleTextByElementId("multilinetrailingnbsp");
      assertEndsWith("trailing NBSPs  ", text);
    }

    function testGetVisibleTextInlineElementsShouldNotAffectReturnedText() {
      var text = getVisibleTextByElementId("inline");

      assertEquals("This line has text within elements that are meant" +
          " to be displayed inline", text);
    }

    function testGetVisibleTextShouldReturnTheEntireTextOfInlineElements() {
      var text = getVisibleTextByElementId("span");

      assertEquals("An inline element", text);
    }

    function testGetVisibleTextShouldReturnEmptyStringWhenTextIsOnlySpaces() {
      var text = getVisibleTextByElementId("spaces");

      assertEquals("", text);
    }

    function testGetVisibleTextShouldReturnEmptyStringWhenTextIsEmpty() {
      var text = getVisibleTextByElementId("empty");

      assertEquals("", text);
    }

    function testGetVisibleTextShouldReturnEmptyStringWhenTagIsSelfClosing() {
      var text = getVisibleTextByElementId("self-closed");

      assertEquals("", text);
    }

    function testGetVisibleTextShouldNotTrimSpacesWhenLineWraps() {
      var text = getVisibleTextByElementId("wrappingtd");

      assertEquals("beforeSpace afterSpace", text);
    }

    function testGetVisibleTextCorrectlyHandlesAnEntireTable() {
      var text = getVisibleTextByElementId("wrappingtable");

      assertEquals("beforeSpace afterSpace", text);
    }

    function testGetVisibleTextShouldHandleSiblingBlockLevelElements() {
      var text = getVisibleTextByElementId("twoblocks");

      assertEquals("Some text\nSome more text", text);
    }

    function testGetVisibleTextShouldHandleNestedBlockLevelElements() {
      var text = getVisibleTextByElementId("nestedblocks");

      assertEquals("Cheese\nSome text\nSome more text\nand also\nBrie", text);
    }

    function testGetVisibleTextShouldHandleWhitespaceInInlineElements() {
      var text = getVisibleTextByElementId("inlinespan");

      assertEquals("line has text", text);
    }

    function testGetVisibleTextShouldHandleLackOfSpacesBetweenInlineElements() {
      var text = getVisibleTextByElementId("inlinenospaces");
      assertEquals("oooOooo", text);
      var text2 = getVisibleTextByElementId("inlinenospaces2");
      assertEquals("A B", text2);
    }

    function testGetVisibleTextShouldNotAddExtraSpaces() {
      var text = getVisibleTextByElementId("descartes");
      var text2 = getVisibleTextByElementId("abc");

      assertEquals("Dubito, ergo cogito, ergo sum.", text);
      assertEquals("a bc", text2);
    }

    function testGetVisibleTestGetTextWithLineBreakForInlineElement() {
      var text = getVisibleTextByElementId("label1");
      assertContains("foo\nbar", text);
    }

    function testGetVisibleTextShouldOnlyIncludeVisibleText() {
      var empty = getVisibleTextByElementId("suppressedParagraph");
      var explicit = getVisibleTextByElementId("outer");

      assertEquals("", empty);
      assertEquals("sub-element that is explicitly visible", explicit);
    }

    function testGetVisibleTextOnAnchorsWithWhitespaces() {
      var text = getVisibleTextByElementId("links");

      assertEquals("link with leading space " + "link with trailing space " +
          "link with formatting tags", text);
    }

    function testGetVisibleTextHandlesTrailingWhitespaces() {
      var text = getVisibleTextByElementId("trailingSpaces");
      assertEquals("1 2 3 4", text);
    }

    function testGetVisibleTextHandlesTrailingBreaks() {
      var text = getVisibleTextByElementId("trailingBreaks");
      assertEquals("a\nb", text);
    }

    function testKeepsNonBreakingSpacesBeforeATag() {
      var text = getVisibleTextByElementId("id2");

      assertEquals("this is the second element", text);
    }

    function testRemovesZeroWidthCharacters() {
      var text = getVisibleTextByElementId("zerowidth");

      assertEquals("This line has a bunch of zero-width characters in it.", text);
    }

    function testTransparentTextIsIgnored() {
      var text = getVisibleTextByElementId("opaque");

      assertEquals("Some text", text);
    }

    function testShouldRetainTheFormattingOfTextWithinAPreElement() {
      var text = getVisibleTextByElementId("preformatted");

      assertEquals("   This section has a preformatted\n    text block    \n  split in four lines\n         ", text);
    }

    function testShouldRetainTheFormattingOfTextWithinAPreElementThatIsWithinARegularBlock() {
      var text = getVisibleTextByElementId("div-with-pre");

      assertEquals("before pre\n   This section has a preformatted\n    text block    \n  split in four lines\n         \nafter pre", text);
    }

    function testGetVisibleTextShouldHandleCssContentReplacement() {
      var expect = new goog.testing.ExpectedFailures();
      expect.expectFailureFor(goog.userAgent.GECKO || goog.userAgent.IE ||
          goog.userAgent.SAFARI || goog.userAgent.WEBKIT || goog.userAgent.EDGE,
          "Does not support CSS3 content: 'foo' replacement");

      expect.run(function() {
          var text = getVisibleTextByElementId("css3-content");
          assertEquals("PASS", text);
      });
    }

    function testGetVisibleTextShouldHandleTextTransformProperty() {
      var text = getVisibleTextByElementId("capitalized");
      assertEquals("Hello, World! Bla-Bla-BLA", text);
      text = getVisibleTextByElementId("lowercased");
      assertEquals("hello, world! bla-bla-bla", text);
      text = getVisibleTextByElementId("uppercased");
      assertEquals("HELLO, WORLD! BLA-BLA-BLA", text);

      text = getVisibleTextByElementId("capitalized-1");
      assertEquals("Äåìî", text);
      text = getVisibleTextByElementId("capitalized-2");
      assertEquals("Manipulowanie Przepływem", text);
      text = getVisibleTextByElementId("capitalized-3");
      assertEquals("Manipulowanie Przepływem", text);
      text = getVisibleTextByElementId("capitalized-4");
      assertEquals("Manipulowanie Pr0123z4epływem", text);
      text = getVisibleTextByElementId("capitalized-5");
      assertEquals("Lorem Ipsum Dolor Sit Amet, Consectetur Adipisicing Elit,", text);
      text = getVisibleTextByElementId("capitalized-6");
      assertEquals("Ⓐⓑⓒ (Ⓓⓔⓕ) —Ⓖⓗⓘ— Ⓙkl", text);
      text = getVisibleTextByElementId("capitalized-7");
      assertEquals('(This) “Is” [A] –Short– -Test- «For» *The* _Css_ ¿Capitalize? ?¡Transfor', text);
      text = getVisibleTextByElementId("capitalized-8");
      assertEquals('The Dutch Word: "Ijsland" Starts With A Digraph', text);
      text = getVisibleTextByElementId("capitalized-9");
      assertEquals('Test_text', text);
    }

    function getVisibleTextByElementId(id) {
      var e = bot.locators.findElement({id: id});
      return bot.dom.getVisibleText(e);
    }

    function assertContains(expectedText, text) {
      assertTrue("Text [" + text + "] does not contain [" + expectedText + "]",
        text.indexOf(expectedText) >= 0);
    }

    function assertStartsWith(expectedText, text) {
      assertTrue("Text [" + text + "] does not start with [" + expectedText +
          "]", text.indexOf(expectedText) == 0);
    }

    function assertEndsWith(expectedText, text) {
      assertTrue("Text [" + text + "] does not end with [" + expectedText + "]",
        text.lastIndexOf(expectedText) == text.length - expectedText.length);
    }

    // http://code.google.com/p/selenium/issues/detail?id=1293
    function testBugExposedByIssue1293() {
      var spaces = getVisibleTextByElementId('spaces');
      assertEquals('', spaces);

      var table = getVisibleTextByElementId('wrappingtd');
      assertEquals('beforeSpace afterSpace', table);
    }
  </script>

  <style type="text/css">
    .transparent {
      opacity: 0; /* non IE */
      filter:alpha(opacity=0); /* IE 6+ */
    }
  </style>

</head>
<body>
  <p id="oneline">A single line of text</p>

  <div id="multiline">
  <div>
      <p>A div containing</p>
      More than one line of text<br/>

      <div>and block level elements</div>
  </div>
</div>
  <span id="span">An inline element</span>

  <p id="lotsofspaces">This line has lots

      of spaces.
  </p>

  <p id="nbsp">This line has a&nbsp;non-breaking space</p>

  <p id="spaces">        </p>

  <p id="empty"></p>

  <p id="self-closed" />

  <p id="suppressedParagraph" style="display: none">A paragraph suppressed using CSS display=none</p>

  <p id="outer" style="visibility: hidden">A <b id="visibleSubElement" style="visibility: visible">sub-element that is explicitly visible</b> using CSS visibility=visible</p>

  <p id="script">Some text<script>function shouldIgnoreMe() {}</script> that contains script tags</p>
  <p id="nbspandspaces">This line has a &nbsp; non-breaking space and spaces</p>
  <p id="trailingnbsp">This line has trailing non-breaking spaces&nbsp;&nbsp;&nbsp;</p>
  <p id="multilinetrailingnbsp">These lines &nbsp<br />&nbsp have leading and trailing NBSPs&nbsp;&nbsp;</p>
  <p id="css3-content" style="content: 'PASS'">FAIL</p>

  <p id="inline">This <span id="inlinespan">    line has <em>text</em>  </span> within elements that are meant to be displayed
      <!-- not as a block but --> inline</p>

  <div id="div-with-pre">
    <p>before pre</p>
    <pre id="preformatted">   This section has a preformatted
    text block
  split in four lines
         </pre>
    <p>after pre</p>
  </div>

  <div id="twoblocks"><p>Some text</p><p>Some more text</p></div>

  <div id="nestedblocks">Cheese <div><p>Some text</p><div><p>Some more text</p><p>and also</p></div></div>Brie</div>

  <div id="collapsingtext"><span></span><div>Hello, world</div><span></span></div>

  <div id="inlinenospaces">ooo<strong>O</strong>ooo</div>
  <div id="inlinenospaces2"><span>A <span></span>B</span></div>

  <form action="resultPage.html">
      <p>
          <input type="checkbox" id="checkbox1">
          <label id="label1" for="checkbox1">foo<br />bar</label>
      </p>
  </form>

  <div id="links">
    <a href="">   link with leading space</a>
    <a href="" id="linkWithTrailingSpace">link with trailing space
    </a>
    <a href=""><b>link with formatting tags</b></a>
  </div>
<div id="trailingSpaces">
1
<a href="">2</a>
3
<a href="">4</a></div>

<div id="trailingBreaks">
<span>a<br></span><span>b</span>
</div>

  <table id="wrappingtable">
      <tbody>
          <tr><td id="wrappingtd" style="width: 10px;"><span>beforeSpace</span><span> </span><span>afterSpace</span></td></tr>
      </tbody>
  </table>

  <span><strong id="descartes">Dubito, <em>ergo cogito</em>, ergo sum.</strong></span>
  <span id="abc"><b>a</b> <b>b</b>c</span>

  <a id="id2" >this is the&nbsp;<b>second</b> <span>element</span></a>

  <div id="opaque">Some <span class="transparent">transparent</span> text</div>

  <span id="zerowidth">This line has a bunch of ze&#8203;ro-width&lrm; characters&rlm; in it.</span>

  <div>
    <a id="capitalized" style="text-transform: capitalize">hello, world! bla-bla-BLA</a><br/>
    <a id="lowercased" style="text-transform: lowercase">Hello, world! bla-bla-BLA</a><br/>
    <a id="uppercased" style="text-transform: uppercase">hello, world! bla-bla-BLA</a><br/>
  </div>

  <div>
    <a lang="ru" id="capitalized-1" style="text-transform: capitalize">äåìî</a><br/>
    <a id="capitalized-2" style="text-transform: capitalize">Manipulowanie przepływem</a><br/>
    <a id="capitalized-3" style="text-transform: capitalize">manipulowanie przep&#x142ywem</a><br/>
    <a id="capitalized-4" style="text-transform: capitalize">Manipulowanie pr0123z4epływem</a><br/>
    <a id="capitalized-5" style="text-transform: capitalize">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</a><br/>
    <a id="capitalized-6" style="text-transform: capitalize">ⓐⓑⓒ (ⓓⓔⓕ) —ⓖⓗⓘ— ⓙkl</a><br/>
    <a id="capitalized-7" style="text-transform: capitalize">(this) “is” [a] –short– -test- «for» *the* _css_ ¿capitalize? ?¡transfor</a><br/>
    <a id="capitalized-8" style="text-transform: capitalize">The Dutch word: "ijsland" starts with a digraph</a><br/>
    <a id="capitalized-9" style="text-transform: capitalize">test_text</a><br/>
  </div>

</body>
</html>