Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
collapse.html 5.39 KB
Newer Older
XhmikosR's avatar
Switch to lowercase `doctype`. (#24217)    
XhmikosR committed
1 
<!doctype html>
XhmikosR's avatar
Tighten htmllint's rules. (#24471)    
XhmikosR committed
2 
<html lang="en">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
3
4 
  <head>
    <meta charset="utf-8">
XhmikosR's avatar
Revert "Remove now unnecessary shrink-to-fit viewport directive (#27818)" (#27855)    
XhmikosR committed
5 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
6
7
8
9
10
11 
    <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
    <title>Collapse</title>
  </head>
  <body>
    <div class="container">
      <h1>Collapse <small>Bootstrap Visual Test</small></h1>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
12
Patrick H. Lauke's avatar
Remove incorrect aria-multiselectable    
Patrick H. Lauke committed
13 
      <div id="accordion" role="tablist">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
14
15
16 
        <div class="card">
          <div class="card-header" role="tab" id="headingOne">
            <h5 class="mb-0">
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
17 
              <a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
18
19
20
21 
                Collapsible Group Item #1
              </a>
            </h5>
          </div>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
22
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
23 
          <div id="collapseOne" class="collapse show" data-parent="#accordion" role="tabpanel" aria-labelledby="headingOne">
Mark Otto's avatar
Rename .card-block to .card-body to match nomenclature of modals    
Mark Otto committed
24 
            <div class="card-body">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
25
26 
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
Johann-S's avatar
Collapse using card component    
Johann-S committed
27 
          </div>
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
28
29
30
31 
        </div>
        <div class="card">
          <div class="card-header" role="tab" id="headingTwo">
            <h5 class="mb-0">
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
32 
              <a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
33
34
35 
                Collapsible Group Item #2
              </a>
            </h5>
Johann-S's avatar
Collapse using card component    
Johann-S committed
36 
          </div>
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
37 
          <div id="collapseTwo" class="collapse" data-parent="#accordion" role="tabpanel" aria-labelledby="headingTwo">
Mark Otto's avatar
Rename .card-block to .card-body to match nomenclature of modals    
Mark Otto committed
38 
            <div class="card-body">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
39
40
41
42
43
44
45 
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-header" role="tab" id="headingThree">
            <h5 class="mb-0">
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
46 
              <a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
47
48
49 
                Collapsible Group Item #3
              </a>
            </h5>
Johann-S's avatar
Collapse using card component    
Johann-S committed
50 
          </div>
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
51 
          <div id="collapseThree" class="collapse" data-parent="#accordion" role="tabpanel" aria-labelledby="headingThree">
Mark Otto's avatar
Rename .card-block to .card-body to match nomenclature of modals    
Mark Otto committed
52 
            <div class="card-body">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
53
54
55
56 
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
          </div>
        </div>
Johann-S's avatar
fix(collapse): xss in parent option    
Johann-S committed
57
58
59
60
61
62
63
64
65
66
67
68
69
70 
        <div class="card">
          <div class="card-header" role="tab" id="headingFour">
            <h5 class="mb-0">
              <a class="collapsed" data-toggle="collapse" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                Collapsible Group Item with XSS in data-parent
              </a>
            </h5>
          </div>
          <div id="collapseFour" class="collapse" data-parent="<img src=1 onerror=alert(123) />" role="tabpanel" aria-labelledby="headingFour">
            <div class="card-body">
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
          </div>
        </div>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
71
72
73 
      </div>
    </div>
XhmikosR's avatar
tests: use jQuery from node_modules. (#28059)    
XhmikosR committed
74 
    <script src="../../../node_modules/jquery/dist/jquery.slim.min.js"></script>
Johann-S's avatar
alert without jquery    
Johann-S committed
75 
    <script src="../../dist/dom/eventHandler.js"></script>
Johann-S's avatar
Rewrite Collapse without jQuery    
Johann-S committed
76
77 
    <script src="../../dist/dom/selectorEngine.js"></script>
    <script src="../../dist/dom/data.js"></script>
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
78
79
80 
    <script src="../../dist/util.js"></script>
    <script src="../../dist/collapse.js"></script>
  </body>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
81 
</html>