2014-07-14  Bruno de Oliveira Abinader  <bruno.d@partner.samsung.com>

        [css3-text] Add editing test for CSS3 Text Decoration properties

        https://bugs.webkit.org/show_bug.cgi?id=120114

        Reviewed by Darin Adler.

        Adds editing layout test to verify that CSS3 Text Decoration properties

        are being properly propagated.

        * editing/pasteboard/insert-text-decoration-expected.txt: Added.

        * editing/pasteboard/insert-text-decoration.html: Added.

        * platform/mac/TestExpectations: Skip while CSS3_TEXT is disabled by default.

        * platform/win/TestExpectations: Skip while CSS3_TEXT is disabled by default.

This tests inserting elements with CSS3 text decoration properties

Content to insert:

| "

            "

| <p>

|   "Longhands: "

|   <span>

|     style="-webkit-text-decoration-line: overline; -webkit-text-decoration-style: dotted; -webkit-text-decoration-color: blue;"

|     "overline dotted blue"

| "

            "

| <p>

|   "Shorthand: "

|   <span>

|     style="-webkit-text-decoration: underline dashed red;"

|     "underline dashed red"

| "

        "

After insertion:

| <p>

|   "Longhands: "

|   <span>

|     style="-webkit-text-decoration-line: overline; -webkit-text-decoration-style: dotted; -webkit-text-decoration-color: blue;"

|     "overline dotted blue"

| "

            "

| <p>

|   "Shorthand: "

|   <span>

|     style="-webkit-text-decoration: underline dashed red;"

|     "underline dashed red<#selection-caret>"

<!DOCTYPE html>

<html>

    <body>

        <div id="content">

            <p>Longhands: <span style="-webkit-text-decoration-line: overline; -webkit-text-decoration-style: dotted; -webkit-text-decoration-color: blue;">overline dotted blue</span></p>

            <p>Shorthand: <span style="-webkit-text-decoration: underline dashed red;">underline dashed red</span></p>

        </div>

        <div id="container" contenteditable="true"></div>

        <script src="../../resources/dump-as-markup.js"></script>

        <script>

            Markup.description('This tests inserting elements with CSS3 text decoration properties');

            var content = document.getElementById('content');

            Markup.dump(content, 'Content to insert');

            document.querySelector('div[contenteditable]').focus();

            document.execCommand('InsertHTML', null, content.innerHTML);

            Markup.dump('container', 'After insertion');

        </script>

    </body>

</html>

webkit.org/b/58491 editing/pasteboard/insert-text-decoration.html [ Skip ]

webkit.org/b/58491 editing/pasteboard/insert-text-decoration.html [ Skip ]