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

use super::*;

#[test]
fn legend_captions_fieldset_and_allows_heading_content() -> Result<()> {
    let html = r#"
        <fieldset id='monster-group'>
          <legend id='monster-legend'>
            <h3 id='legend-heading'>Choose your favorite monster</h3>
          </legend>
          <input type='radio' id='kraken' name='monster' value='K'>
          <label for='kraken'>Kraken</label>
          <input type='radio' id='sasquatch' name='monster' value='S'>
          <label for='sasquatch'>Sasquatch</label>
          <input type='radio' id='mothman' name='monster' value='M'>
          <label for='mothman'>Mothman</label>
        </fieldset>
        <button id='run' type='button'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const legend = document.getElementById('monster-legend');
            const heading = document.getElementById('legend-heading');
            const fieldset = document.getElementById('monster-group');
            document.getElementById('result').textContent =
              legend.role + ':' +
              legend.tagName + ':' +
              heading.tagName + ':' +
              heading.role + ':' +
              legend.textContent.trim() + ':' +
              fieldset.querySelectorAll('input[type=radio]').length;
          });
        </script>
        "#;

    let mut h = Harness::from_html(html)?;
    h.click("#run")?;
    h.assert_text(
        "#result",
        ":LEGEND:H3:heading:Choose your favorite monster:3",
    )?;
    Ok(())
}

#[test]
fn legend_role_override_restore_and_optgroup_child_usage_work() -> Result<()> {
    let html = r#"
        <select id='cities'>
          <optgroup id='jp' label='Japan'>
            <legend id='jp-legend'>Japan cities</legend>
            <option value='tokyo'>Tokyo</option>
            <option value='osaka'>Osaka</option>
          </optgroup>
        </select>
        <button id='run' type='button'>run</button>
        <p id='result'></p>
        <script>
          document.getElementById('run').addEventListener('click', () => {
            const legend = document.getElementById('jp-legend');
            const optgroup = document.getElementById('jp');
            const initial =
              legend.role + ':' +
              legend.textContent.trim() + ':' +
              optgroup.getAttribute('label') + ':' +
              optgroup.querySelectorAll('option').length;

            legend.role = 'note';
            const assigned = legend.role + ':' + legend.getAttribute('role');

            legend.removeAttribute('role');
            const restored = legend.role + ':' + (legend.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", ":Japan cities:Japan:2|note:note|:true")?;
    Ok(())
}