browser_tester 1.5.0

Deterministic lightweight browser runtime for Rust tests
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
105
106
107
108
109
110
111
112
113
114
115
116

use super::*;

#[test]
fn html_datalist_element_global_and_options_collection_work() -> Result<()> {
    let html = r#"
        <datalist id='choices'>
          <option id='choco' value='Chocolate'></option>
          <option id='coconut' value='Coconut'></option>
          <option id='mint'>Mint</option>
        </datalist>
        <a id='link' href='/docs'>docs</a>
        <p id='result'></p>
        <script>
          const choices = document.getElementById('choices');
          const link = document.getElementById('link');
          const options = choices.options;
          document.getElementById('result').textContent = [
            typeof HTMLDataListElement,
            window.HTMLDataListElement === HTMLDataListElement,
            choices instanceof HTMLDataListElement,
            choices instanceof HTMLElement,
            link instanceof HTMLDataListElement,
            options.length,
            options.item(0).id,
            options[1].value,
            options.item(2).value
          ].join(':');
        </script>
        "#;

    let h = Harness::from_html(html)?;
    h.assert_text(
        "#result",
        "function:true:true:true:false:3:choco:Coconut:Mint",
    )?;
    Ok(())
}

#[test]
fn datalist_input_binding_keeps_suggestions_and_allows_arbitrary_input_value() -> Result<()> {
    let html = r#"
        <label for='ice-cream-choice'>Choose a flavor:</label>
        <input list='ice-cream-flavors' id='ice-cream-choice' name='ice-cream-choice' />

        <datalist id='ice-cream-flavors'>
          <option value='Chocolate'></option>
          <option value='Coconut'></option>
          <option value='Mint'></option>
          <option value='Strawberry'></option>
          <option value='Vanilla'></option>
        </datalist>
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const input = document.getElementById('ice-cream-choice');
            const flavors = document.getElementById('ice-cream-flavors');
            const options = document.querySelectorAll('#ice-cream-flavors option');

            input.value = 'Mint';
            const fromSuggestions = input.value;
            input.value = 'Pistachio';
            const arbitrary = input.value;

            document.getElementById('result').textContent =
              flavors.role + ':' +
              input.getAttribute('list') + ':' +
              options.length + ':' +
              options[0].value + ',' +
              options[1].value + ',' +
              options[2].value + ',' +
              options[3].value + ',' +
              options[4].value + ':' +
              fromSuggestions + ':' +
              arbitrary;
          });
        </script>
        "#;

    let mut h = Harness::from_html(html)?;
    h.click("#run")?;
    h.assert_text(
        "#result",
        "listbox:ice-cream-flavors:5:Chocolate,Coconut,Mint,Strawberry,Vanilla:Mint:Pistachio",
    )?;
    Ok(())
}

#[test]
fn datalist_role_attribute_override_and_remove_restore_implicit_listbox() -> Result<()> {
    let html = r#"
        <datalist id='choices'>
          <option value='A'></option>
          <option value='B'></option>
        </datalist>
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const choices = document.getElementById('choices');
            const initial = choices.role;
            choices.role = 'list';
            const assigned = choices.role + ':' + choices.getAttribute('role');
            choices.removeAttribute('role');
            const restored = choices.role + ':' + (choices.getAttribute('role') === null);
            document.getElementById('result').textContent =
              initial + '|' + assigned + '|' + restored;
          });
        </script>
        "#;

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