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

use super::*;

#[test]
fn element_role_returns_only_explicitly_set_role_or_null() -> Result<()> {
    let html = r#"
        <ul id='list'><li>One</li></ul>
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const list = document.getElementById('list');
            const initialIsNull = list.role === null;

            list.setAttribute('role', 'treegrid');
            const assigned = list.role + ':' + list.getAttribute('role');

            list.removeAttribute('role');
            const restoredIsNull = list.role === null;

            document.getElementById('result').textContent =
              initialIsNull + ':' + assigned + ':' + restoredIsNull;
          });
        </script>
        "#;

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

#[test]
fn element_role_assignment_reflects_role_attribute() -> Result<()> {
    let html = r#"
        <div id='box'></div>
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const box = document.getElementById('box');
            box.role = 'region';
            const first = box.role + ':' + box.getAttribute('role');

            box.role = 'status';
            const second = box.role + ':' + box.getAttribute('role');

            document.getElementById('result').textContent = first + '|' + second;
          });
        </script>
        "#;

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

#[test]
fn element_role_mdn_images_example_sets_presentation_on_missing_or_empty_alt() -> Result<()> {
    let html = r#"
        <img id='a' alt='logo' />
        <img id='b' alt='' />
        <img id='c' />
        <button id='run'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const images = document.querySelectorAll('img');
            images.forEach((image) => {
              if (!image.getAttribute('alt')) {
                image.role = 'presentation';
              }
            });

            document.getElementById('result').textContent = [
              document.getElementById('a').role === null,
              document.getElementById('b').role,
              document.getElementById('c').role
            ].join(':');
          });
        </script>
        "#;

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