browser_tester 1.5.0

use super::*;

#[test]
fn element_previous_element_sibling_basic_example_works() -> Result<()> {
    let html = r#"
        <div id='div-01'>Here is div-01</div>
        <div id='div-02'>Here is div-02</div>
        <li>This is a list item</li>
        <li>This is another list item</li>
        <div id='div-03'>Here is div-03</div>
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            let el = document.getElementById('div-03').previousElementSibling;
            const names = [];
            while (el) {
              names.push(el.nodeName);
              el = el.previousElementSibling;
            }
            document.getElementById('result').textContent = names.join(',');
          });
        </script>
        "#;

    let mut h = Harness::from_html(html)?;
    h.click("#run")?;
    h.assert_text("#result", "LI,LI,DIV,DIV")?;
    Ok(())
}

#[test]
fn element_previous_element_sibling_ignores_non_element_nodes_and_updates_live() -> Result<()> {
    let html = r#"
        <ul id='list'><li id='a'>A</li><li id='b'>B</li><li id='c'>C</li></ul>
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const list = document.getElementById('list');
            const b = document.getElementById('b');
            list.insertBefore(document.createTextNode('gap'), b);

            const before = b.previousElementSibling.id;

            document.getElementById('a').remove();
            const after = b.previousElementSibling === null;

            document.getElementById('result').textContent = before + ':' + after;
          });
        </script>
        "#;

    let mut h = Harness::from_html(html)?;
    h.click("#run")?;
    h.assert_text("#result", "a:true")?;
    Ok(())
}

#[test]
fn element_previous_element_sibling_property_is_read_only() -> Result<()> {
    let html = r#"
        <div id='a'>A</div>
        <div id='b'>B</div>
        <button id='run'>run</button>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const b = document.getElementById('b');
            b.previousElementSibling = document.createElement('div');
          });
        </script>
        "#;

    let mut h = Harness::from_html(html)?;
    match h.click("#run") {
        Err(Error::ScriptRuntime(message)) => {
            assert!(
                message.contains("previousElementSibling is read-only"),
                "unexpected runtime error message: {message}"
            );
        }
        other => panic!("expected runtime error, got: {other:?}"),
    }
    Ok(())
}