XHtmlPage2Test

/*
 * Copyright (c) 2002-2025 Gargoyle Software 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
 * https://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.
 */
package org.htmlunit.html;

import static java.nio.charset.StandardCharsets.ISO_8859_1;

import org.htmlunit.WebDriverTestCase;
import org.htmlunit.junit.BrowserRunner;
import org.htmlunit.junit.annotation.Alerts;
import org.htmlunit.junit.annotation.HtmlUnitNYI;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;

/**
 * Tests for {@link XHtmlPage}.
 *
 * @author Ronald Brill
 */
@RunWith(BrowserRunner.class)
public class XHtmlPage2Test extends WebDriverTestCase {

    /**
     * Self closing tags are valid in XHtml.
     * @throws Exception if an error occurs
     */
    @Test
    @Alerts("false")
    public void selfClosingDiv() throws Exception {
        final String html
            = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"
            + "<!DOCTYPE html PUBLIC \n"
            + "  \"-//W3C//DTD XHTML 1.0 Strict//EN\" \n"
            + "  \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"
            + "<html xmlns='http://www.w3.org/1999/xhtml' xmlns:xhtml='http://www.w3.org/1999/xhtml'>\n"
            + "<body>\n"
            + "  <div id='div1'/>\n"
            + "  <div id='div2'>not empty</div>\n"
            + "</body>\n"
            + "</html>";

        final WebDriver driver = loadPage2(html, URL_FIRST, "application/xhtml+xml", ISO_8859_1);

        assertEquals("", driver.findElement(By.id("div1")).getText());
        assertEquals("not empty", driver.findElement(By.id("div2")).getText());
    }

    /**
     * Regression test for Bug #1219.
     *
     * @throws Exception if an error occurs
     */
    @Test
    @Alerts("false")
    public void selfClosingTextarea() throws Exception {
        final String html
            = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"
            + "<!DOCTYPE html PUBLIC \n"
            + "  \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \n"
            + "  \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"
            + "<html xmlns=\"http://www.w3.org/1999/xhtml\">\n"
            + "<body>\n"
            + "  <form action='javascript:void(0)' enctype='application/x-www-form-urlencoded' id='j_id27'>\n"
            + "    <textarea id='myText'/>\n"
            + "    <div id='div2'>not empty</div>\n"
            + "  </form>\n"
            + "</body>\n"
            + "</html>";

        final WebDriver driver = loadPage2(html, URL_FIRST, "application/xhtml+xml", ISO_8859_1);

        assertEquals("", driver.findElement(By.id("myText")).getText());
    }

    /**
     * Regression test for Bug #1219.
     *
     * @throws Exception if an error occurs
     */
    @Test
    @Alerts({"before<![CDATA[inside]]>after",
             "<div xmlns=\"http://www.w3.org/1999/xhtml\" id=\"tester\">before<![CDATA[inside]]>after</div>",
             "beforeinsideafter"})
    @HtmlUnitNYI(CHROME = {"before<!--[CDATA[inside]]-->after",
                           "<div id=\"tester\">before<!--[CDATA[inside]]-->after</div>",
                           "beforeafter"},
            EDGE = {"before<!--[CDATA[inside]]-->after",
                    "<div id=\"tester\">before<!--[CDATA[inside]]-->after</div>",
                    "beforeafter"},
            FF = {"before<!--[CDATA[inside]]-->after",
                  "<div id=\"tester\">before<!--[CDATA[inside]]-->after</div>",
                  "beforeafter"},
            FF_ESR = {"before<!--[CDATA[inside]]-->after",
                      "<div id=\"tester\">before<!--[CDATA[inside]]-->after</div>",
                      "beforeafter"})
    public void cdata() throws Exception {
        final String html
            = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"
            + "<!DOCTYPE html PUBLIC \n"
            + "  \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \n"
            + "  \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"
            + "<html xmlns=\"http://www.w3.org/1999/xhtml\">\n"
            + "<head>"
            + "  <script>\n"

            // do not use LOG_TITLE_FUNCTION here
            + "    function log(msg) { window.document.title += msg + '\\u00a7'; }\n"
            + "    function test() {"
            + "      log(document.getElementById('tester').innerHTML);\n"
            + "      log(document.getElementById('tester').outerHTML);\n"
            + "      log(document.getElementById('tester').textContent);\n"
            + "    }\n"
            + "  </script>\n"
            + "</head>"
            + "<body onload='test()'>\n"
            + "  <div id='tester'>before<![CDATA[inside]]>after</div>\n"
            + "</body>\n"
            + "</html>";

        final WebDriver driver = loadPage2(html, URL_FIRST, "application/xhtml+xml", ISO_8859_1);
        assertEquals("beforeafter", driver.findElement(By.id("tester")).getText());
        verifyTitle2(driver, getExpectedAlerts());
    }

    /**
     * Regression test for Bug #1219.
     *
     * @throws Exception if an error occurs
     */
    @Test
    @Alerts({"before<![CDATA[<div></div>]]>after",
             "<div xmlns=\"http://www.w3.org/1999/xhtml\" id=\"tester\">before<![CDATA[<div></div>]]>after</div>",
             "before<div></div>after"})
    @HtmlUnitNYI(CHROME = {"before<!--[CDATA[<div></div>]]-->after",
                           "<div id=\"tester\">before<!--[CDATA[<div></div>]]-->after</div>",
                           "beforeafter"},
            EDGE = {"before<!--[CDATA[<div></div>]]-->after",
                    "<div id=\"tester\">before<!--[CDATA[<div></div>]]-->after</div>",
                    "beforeafter"},
            FF = {"before<!--[CDATA[<div></div>]]-->after",
                  "<div id=\"tester\">before<!--[CDATA[<div></div>]]-->after</div>",
                  "beforeafter"},
            FF_ESR = {"before<!--[CDATA[<div></div>]]-->after",
                      "<div id=\"tester\">before<!--[CDATA[<div></div>]]-->after</div>",
                      "beforeafter"})
    public void earlyClosingCdata() throws Exception {
        final String html
            = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"
            + "<!DOCTYPE html PUBLIC \n"
            + "  \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \n"
            + "  \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"
            + "<html xmlns=\"http://www.w3.org/1999/xhtml\">\n"
            + "<head>"
            + "  <script>\n"

            // do not use LOG_TITLE_FUNCTION here
            + "    function log(msg) { window.document.title += msg + '\\u00a7'; }\n"
            + "    function test() {"
            + "      log(document.getElementById('tester').innerHTML);\n"
            + "      log(document.getElementById('tester').outerHTML);\n"
            + "      log(document.getElementById('tester').textContent);\n"
            + "    }\n"
            + "  </script>\n"
            + "</head>"
            + "<body onload='test()'>\n"
            + "  <div id='tester'>before<![CDATA[<div></div>]]>after</div>\n"
            + "</body>\n"
            + "</html>";

        final WebDriver driver = loadPage2(html, URL_FIRST, "application/xhtml+xml", ISO_8859_1);
        assertEquals("beforeafter", driver.findElement(By.id("tester")).getText());
        verifyTitle2(driver, getExpectedAlerts());
    }
}