browser_tester 2.0.0

Public browser_tester harness
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

use browser_tester::Harness;

#[test]
fn class_selectors_and_compound_selectors_work_end_to_end() -> browser_tester::Result<()> {
    let mut harness = Harness::from_html(
        "<main id='root'><button id='save' class='primary action'>Save</button><div id='out'></div><script>document.getElementById('save').addEventListener('click', () => { document.getElementById('out').textContent = 'clicked'; });</script></main>",
    )?;

    harness.assert_exists(".primary")?;
    harness.assert_exists("button.primary")?;
    harness.assert_exists("#save.primary")?;

    harness.click("button.primary")?;
    harness.assert_text("#out", "clicked")?;
    Ok(())
}

#[test]
fn descendant_combinators_work_end_to_end() -> browser_tester::Result<()> {
    let mut harness = Harness::from_html(
        "<main><section><button id='save' class='primary action'>Save</button></section><div id='out'></div><script>document.getElementById('save').addEventListener('click', () => { document.getElementById('out').textContent = 'clicked'; });</script></main>",
    )?;

    harness.assert_exists("main .primary")?;
    harness.assert_exists("main section .primary")?;

    harness.click("main .primary")?;
    harness.assert_text("#out", "clicked")?;
    Ok(())
}

#[test]
fn child_combinators_work_end_to_end() -> browser_tester::Result<()> {
    let mut harness = Harness::from_html(
        "<main><section><button id='save' class='primary action'>Save</button></section><div id='out'></div><script>document.getElementById('save').addEventListener('click', () => { document.getElementById('out').textContent = 'clicked'; });</script></main>",
    )?;

    harness.assert_exists("main > section > .primary")?;
    harness.assert_exists("main > section > button.primary")?;

    harness.click("main > section > button.primary")?;
    harness.assert_text("#out", "clicked")?;
    Ok(())
}

#[test]
fn adjacent_sibling_combinators_work_end_to_end() -> browser_tester::Result<()> {
    let mut harness = Harness::from_html(
        "<main><button id='first' class='primary'>First</button>text<button id='second' class='primary'>Second</button><div id='out'></div><script>document.getElementById('second').addEventListener('click', () => { document.getElementById('out').textContent = 'clicked'; });</script></main>",
    )?;

    harness.assert_exists("#first + .primary")?;
    harness.click("#first + .primary")?;
    harness.assert_text("#out", "clicked")?;
    Ok(())
}

#[test]
fn general_sibling_combinators_work_end_to_end() -> browser_tester::Result<()> {
    let mut harness = Harness::from_html(
        "<main><button id='first' class='primary'>First</button>text<button id='second' class='primary'>Second</button>text<button id='third' class='primary'>Third</button><div id='out'></div><script>document.getElementById('second').addEventListener('click', () => { document.getElementById('out').textContent = 'clicked'; });</script></main>",
    )?;

    harness.assert_exists("#first ~ .primary")?;
    harness.click("#first ~ .primary")?;
    harness.assert_text("#out", "clicked")?;
    Ok(())
}

#[test]
fn pseudo_class_selectors_still_fail_explicitly() -> browser_tester::Result<()> {
    let harness = Harness::from_html("<main><span class='primary'></span></main>")?;

    let error = harness
        .assert_exists("main:where([data-kind=primary x y])")
        .expect_err("broader CSS parsing is not part of the selector slices");

    let message = error.to_string();
    assert!(message.contains("Selector error"));
    assert!(
        message.contains("supported forms are #id, .class, tag, tag.class, #id.class, [attr]")
            && message.contains("optional attribute selector flags like `[attr=value i]` and `[attr=value s]`")
            && message.contains("bounded logical pseudo-classes like `:not(.primary)`")
            && message.contains("state pseudo-classes like `:checked`, `:disabled`, `:enabled`, `:indeterminate`, `:default`, `:valid`, `:invalid`, `:in-range`, and `:out-of-range`")
            && message.contains("form-editable state pseudo-classes also include `:read-only` and `:read-write`")
            && message.contains("descendant combinators like `A B`")
            && message.contains("child combinators like `A > B`")
    );
    Ok(())
}

#[test]
fn selector_hardening_keeps_public_actions_deterministic() -> browser_tester::Result<()> {
    let mut harness = Harness::from_html(
        "<main><form id='profile'><section><input id='name' class='field'></section><section><input id='agree' class='flag' type='checkbox'><select id='mode' class='mode'><option value='a'>A</option><option value='b'>B</option></select><button id='submit' type='submit' class='action'>Save</button></section></form><div id='out'></div><script>document.getElementById('profile').addEventListener('submit', () => { document.getElementById('out').textContent = document.getElementById('name').value + ':' + String(document.getElementById('agree').checked) + ':' + document.getElementById('mode').value; });</script></main>",
    )?;

    harness.type_text("main .field", "Ada")?;
    harness.set_checked("main > form > section > input.flag", true)?;
    harness.set_select_value("main > form > section > select.mode", "b")?;
    harness.submit("main > form")?;
    harness.assert_text("#out", "Ada:true:b")?;
    Ok(())
}