Skip to content

Commit d31c4cd

Browse files
BafSBafS
committed
Update snapshots
1 parent c897089 commit d31c4cd

14 files changed

Lines changed: 126 additions & 122 deletions

File tree

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component accordion, code file Always open.html__1.html‎

Lines changed: 8 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,21 +15,16 @@
1515
</twig:Accordion>
1616
```
1717
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
18-
<div class="accordion" id="always-open-accordion">
19-
<div class="accordion-item">
18+
<div class="accordion" id="always-open-accordion" data-controller="accordion" data-accordion-always-open-value="true">
19+
<div class="accordion-item" data-accordion-target="item">
2020
<h2 class="accordion-header">
21-
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#always-open-accordion-1-collapse" aria-expanded="true" aria-controls="always-open-accordion-1-collapse">Accordion Item #1</button>
22-
</h2>
23-
<div id="always-open-accordion-1-collapse" class="accordion-collapse collapse show">
21+
<button class="accordion-button" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="true" aria-controls="always-open-accordion-1-collapse">Accordion Item #1</button>
22+
</h2> <div id="always-open-accordion-1-collapse" class="accordion-collapse collapse show" data-accordion-target="body">
2423
<div class="accordion-body">This item stays open when other items are opened.</div>
25-
</div>
26-
</div>
27-
<div class="accordion-item">
24+
</div> </div> <div class="accordion-item" data-accordion-target="item">
2825
<h2 class="accordion-header">
29-
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#always-open-accordion-2-collapse" aria-expanded="true" aria-controls="always-open-accordion-2-collapse">Accordion Item #2</button>
30-
</h2>
31-
<div id="always-open-accordion-2-collapse" class="accordion-collapse collapse show">
26+
<button class="accordion-button" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="true" aria-controls="always-open-accordion-2-collapse">Accordion Item #2</button>
27+
</h2> <div id="always-open-accordion-2-collapse" class="accordion-collapse collapse show" data-accordion-target="body">
3228
<div class="accordion-body">This item also stays open independently.</div>
33-
</div>
34-
</div>
29+
</div> </div>
3530
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component accordion, code file Demo.html__1.html‎

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -25,35 +25,27 @@
2525
</twig:Accordion>
2626
```
2727
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
28-
<div class="accordion" id="demo-accordion">
29-
<div class="accordion-item">
28+
<div class="accordion" id="demo-accordion" data-controller="accordion" data-accordion-always-open-value="false">
29+
<div class="accordion-item" data-accordion-target="item">
3030
<h2 class="accordion-header">
31-
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#demo-accordion-1-collapse" aria-expanded="true" aria-controls="demo-accordion-1-collapse">Accordion Item #1</button>
32-
</h2>
33-
<div id="demo-accordion-1-collapse" class="accordion-collapse collapse show" data-bs-parent="#demo-accordion">
31+
<button class="accordion-button" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="true" aria-controls="demo-accordion-1-collapse">Accordion Item #1</button>
32+
</h2> <div id="demo-accordion-1-collapse" class="accordion-collapse collapse show" data-accordion-target="body">
3433
<div class="accordion-body">
3534
<strong>This is the first item's accordion body.</strong> It is shown by default.
3635
</div>
37-
</div>
38-
</div>
39-
<div class="accordion-item">
36+
</div> </div> <div class="accordion-item" data-accordion-target="item">
4037
<h2 class="accordion-header">
41-
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#demo-accordion-2-collapse" aria-expanded="false" aria-controls="demo-accordion-2-collapse">Accordion Item #2</button>
42-
</h2>
43-
<div id="demo-accordion-2-collapse" class="accordion-collapse collapse" data-bs-parent="#demo-accordion">
38+
<button class="accordion-button collapsed" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="false" aria-controls="demo-accordion-2-collapse">Accordion Item #2</button>
39+
</h2> <div id="demo-accordion-2-collapse" class="accordion-collapse collapse" data-accordion-target="body">
4440
<div class="accordion-body">
4541
<strong>This is the second item's accordion body.</strong> It is hidden by default.
4642
</div>
47-
</div>
48-
</div>
49-
<div class="accordion-item">
43+
</div> </div> <div class="accordion-item" data-accordion-target="item">
5044
<h2 class="accordion-header">
51-
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#demo-accordion-3-collapse" aria-expanded="false" aria-controls="demo-accordion-3-collapse">Accordion Item #3</button>
52-
</h2>
53-
<div id="demo-accordion-3-collapse" class="accordion-collapse collapse" data-bs-parent="#demo-accordion">
45+
<button class="accordion-button collapsed" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="false" aria-controls="demo-accordion-3-collapse">Accordion Item #3</button>
46+
</h2> <div id="demo-accordion-3-collapse" class="accordion-collapse collapse" data-accordion-target="body">
5447
<div class="accordion-body">
5548
<strong>This is the third item's accordion body.</strong> It is hidden by default.
5649
</div>
57-
</div>
58-
</div>
50+
</div> </div>
5951
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component accordion, code file Flush.html__1.html‎

Lines changed: 8 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,21 +15,16 @@
1515
</twig:Accordion>
1616
```
1717
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
18-
<div class="accordion accordion-flush" id="flush-accordion">
19-
<div class="accordion-item">
18+
<div class="accordion accordion-flush" id="flush-accordion" data-controller="accordion" data-accordion-always-open-value="false">
19+
<div class="accordion-item" data-accordion-target="item">
2020
<h2 class="accordion-header">
21-
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#flush-accordion-1-collapse" aria-expanded="true" aria-controls="flush-accordion-1-collapse">Accordion Item #1</button>
22-
</h2>
23-
<div id="flush-accordion-1-collapse" class="accordion-collapse collapse show" data-bs-parent="#flush-accordion">
21+
<button class="accordion-button" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="true" aria-controls="flush-accordion-1-collapse">Accordion Item #1</button>
22+
</h2> <div id="flush-accordion-1-collapse" class="accordion-collapse collapse show" data-accordion-target="body">
2423
<div class="accordion-body">Flush accordion content for item #1.</div>
25-
</div>
26-
</div>
27-
<div class="accordion-item">
24+
</div> </div> <div class="accordion-item" data-accordion-target="item">
2825
<h2 class="accordion-header">
29-
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-accordion-2-collapse" aria-expanded="false" aria-controls="flush-accordion-2-collapse">Accordion Item #2</button>
30-
</h2>
31-
<div id="flush-accordion-2-collapse" class="accordion-collapse collapse" data-bs-parent="#flush-accordion">
26+
<button class="accordion-button collapsed" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="false" aria-controls="flush-accordion-2-collapse">Accordion Item #2</button>
27+
</h2> <div id="flush-accordion-2-collapse" class="accordion-collapse collapse" data-accordion-target="body">
3228
<div class="accordion-body">Flush accordion content for item #2.</div>
33-
</div>
34-
</div>
29+
</div> </div>
3530
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component accordion, code file Usage.html__1.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,9 @@
1111
</twig:Accordion>
1212
```
1313
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
14-
<div class="accordion" id="my-accordion">
15-
<div class="accordion-item">
14+
<div class="accordion" id="my-accordion" data-controller="accordion" data-accordion-always-open-value="false"><div class="accordion-item" data-accordion-target="item">
1615
<h2 class="accordion-header">
17-
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#my-accordion-1-collapse" aria-expanded="true" aria-controls="my-accordion-1-collapse">Section title</button>
18-
</h2>
19-
<div id="my-accordion-1-collapse" class="accordion-collapse collapse show" data-bs-parent="#my-accordion">
16+
<button class="accordion-button" type="button" data-action="click-&gt;accordion#toggle" data-accordion-target="header" aria-expanded="true" aria-controls="my-accordion-1-collapse">Section title</button>
17+
</h2> <div id="my-accordion-1-collapse" class="accordion-collapse collapse show" data-accordion-target="body">
2018
<div class="accordion-body">Section content goes here.</div>
21-
</div>
22-
</div>
23-
</div>
19+
</div> </div></div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component collapse, code file Demo.html__1.html‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,26 @@
33
- Component: Collapse
44
- Code:
55
```twig
6-
<twig:Collapse:Trigger target="#collapseDemo" class="btn btn-primary mb-2">
7-
Toggle content
8-
</twig:Collapse:Trigger>
96
<twig:Collapse id="collapseDemo">
10-
<div class="card card-body">
11-
Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
12-
</div>
7+
<twig:Collapse:Trigger>
8+
<twig:Button class="mb-2" {{ ...collapse_trigger_attrs }}>
9+
Toggle content
10+
</twig:Button>
11+
</twig:Collapse:Trigger>
12+
<twig:Collapse:Content>
13+
<div class="card card-body">
14+
Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
15+
</div>
16+
</twig:Collapse:Content>
1317
</twig:Collapse>
1418
```
1519
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
16-
<button data-bs-toggle="collapse" data-bs-target="#collapseDemo" aria-expanded="false" aria-controls="collapseDemo" class="btn btn-primary mb-2">Toggle content
17-
</button>
18-
<div class="collapse" id="collapseDemo">
20+
<div data-controller="collapse">
21+
<button class="btn btn-primary mb-2" data-action="click-&gt;collapse#toggle" data-collapse-target="trigger" aria-expanded="false" aria-controls="collapseDemo-content">Toggle content
22+
</button>
23+
<div class="collapse" id="collapseDemo-content" data-collapse-target="content">
1924
<div class="card card-body">
20-
Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
25+
Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
26+
</div>
2127
</div>
2228
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component collapse, code file Horizontal.html__1.html‎

Lines changed: 22 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,29 @@
33
- Component: Collapse
44
- Code:
55
```twig
6-
<twig:Collapse:Trigger target="#collapseHorizontal" class="btn btn-primary mb-2">
7-
Toggle horizontal collapse
8-
</twig:Collapse:Trigger>
9-
<div style="min-height: 120px;">
10-
<twig:Collapse id="collapseHorizontal" horizontal>
11-
<div class="card card-body" style="width: 300px;">
12-
This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
13-
</div>
14-
</twig:Collapse>
15-
</div>
6+
<twig:Collapse id="collapseHorizontal" horizontal>
7+
<twig:Collapse:Trigger>
8+
<twig:Button class="mb-2" {{ ...collapse_trigger_attrs }}>
9+
Toggle horizontal collapse
10+
</twig:Button>
11+
</twig:Collapse:Trigger>
12+
<div style="min-height: 120px;">
13+
<twig:Collapse:Content>
14+
<div class="card card-body" style="width: 300px;">
15+
This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
16+
</div>
17+
</twig:Collapse:Content>
18+
</div>
19+
</twig:Collapse>
1620
```
1721
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
18-
<button data-bs-toggle="collapse" data-bs-target="#collapseHorizontal" aria-expanded="false" aria-controls="collapseHorizontal" class="btn btn-primary mb-2">Toggle horizontal collapse
19-
</button>
20-
<div style="min-height: 120px;">
21-
<div class="collapse collapse-horizontal" id="collapseHorizontal">
22+
<div data-controller="collapse">
23+
<button class="btn btn-primary mb-2" data-action="click-&gt;collapse#toggle" data-collapse-target="trigger" aria-expanded="false" aria-controls="collapseHorizontal-content">Toggle horizontal collapse
24+
</button>
25+
<div style="min-height: 120px;">
26+
<div class="collapse collapse-horizontal" id="collapseHorizontal-content" data-collapse-target="content">
2227
<div class="card card-body" style="width: 300px;">
23-
This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
24-
</div>
25-
</div>
28+
This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
29+
</div>
30+
</div> </div>
2631
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component collapse, code file Initially open.html__1.html‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,26 @@
33
- Component: Collapse
44
- Code:
55
```twig
6-
<twig:Collapse:Trigger target="#collapseOpen" expanded class="btn btn-outline-primary mb-2">
7-
Toggle content
8-
</twig:Collapse:Trigger>
96
<twig:Collapse id="collapseOpen" open>
10-
<div class="card card-body">
11-
This content is visible by default and can be hidden by clicking the trigger.
12-
</div>
7+
<twig:Collapse:Trigger>
8+
<twig:Button variant="outline-primary" class="mb-2" {{ ...collapse_trigger_attrs }}>
9+
Toggle content
10+
</twig:Button>
11+
</twig:Collapse:Trigger>
12+
<twig:Collapse:Content>
13+
<div class="card card-body">
14+
This content is visible by default and can be hidden by clicking the trigger.
15+
</div>
16+
</twig:Collapse:Content>
1317
</twig:Collapse>
1418
```
1519
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
16-
<button data-bs-toggle="collapse" data-bs-target="#collapseOpen" aria-expanded="true" aria-controls="collapseOpen" class="btn btn-outline-primary mb-2">Toggle content
17-
</button>
18-
<div class="collapse show" id="collapseOpen">
20+
<div data-controller="collapse">
21+
<button class="btn btn-outline-primary mb-2" data-action="click-&gt;collapse#toggle" data-collapse-target="trigger" aria-expanded="true" aria-controls="collapseOpen-content">Toggle content
22+
</button>
23+
<div class="collapse show" id="collapseOpen-content" data-collapse-target="content">
1924
<div class="card card-body">
20-
This content is visible by default and can be hidden by clicking the trigger.
25+
This content is visible by default and can be hidden by clicking the trigger.
26+
</div>
2127
</div>
2228
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component collapse, code file Usage.html__1.html‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,19 @@
33
- Component: Collapse
44
- Code:
55
```twig
6-
<twig:Collapse:Trigger target="#myCollapse" class="btn btn-primary mb-2">
7-
Toggle
8-
</twig:Collapse:Trigger>
96
<twig:Collapse id="myCollapse">
10-
<div class="card card-body">Collapsible content goes here.</div>
7+
<twig:Collapse:Trigger>
8+
<twig:Button class="mb-2" {{ ...collapse_trigger_attrs }}>Toggle</twig:Button>
9+
</twig:Collapse:Trigger>
10+
<twig:Collapse:Content>
11+
<div class="card card-body">Collapsible content goes here.</div>
12+
</twig:Collapse:Content>
1113
</twig:Collapse>
1214
```
1315
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
14-
<button data-bs-toggle="collapse" data-bs-target="#myCollapse" aria-expanded="false" aria-controls="myCollapse" class="btn btn-primary mb-2">Toggle
15-
</button>
16-
<div class="collapse" id="myCollapse">
16+
<div data-controller="collapse">
17+
<button class="btn btn-primary mb-2" data-action="click-&gt;collapse#toggle" data-collapse-target="trigger" aria-expanded="false" aria-controls="myCollapse-content">Toggle</button>
18+
<div class="collapse" id="myCollapse-content" data-collapse-target="content">
1719
<div class="card card-body">Collapsible content goes here.</div>
20+
</div>
1821
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component progress, code file Striped.html__1.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
</div>
2121

2222
<div class="progress" role="progressbar" aria-label="Animated" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
23-
<div class="progress-bar text-bg-warning progress-bar-striped progress-bar-animated" style="width: 75%"></div>
23+
<div class="progress-bar text-bg-warning progress-bar-animated progress-bar-striped" style="width: 75%"></div>
2424
</div>
2525

2626
</div>

‎src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit bootstrap, component spinner, code file Demo.html__1.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,19 +12,19 @@
1212
```
1313
- Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
1414
<div class="d-flex flex-wrap align-items-center gap-3">
15-
<div class="spinner-border text-primary" role="status">
15+
<div class="text-primary spinner-border" role="status">
1616
<span class="visually-hidden">Loading...</span>
1717
</div>
1818

19-
<div class="spinner-border text-success" role="status">
19+
<div class="text-success spinner-border" role="status">
2020
<span class="visually-hidden">Loading...</span>
2121
</div>
2222

23-
<div class="spinner-grow text-danger" role="status">
23+
<div class="text-danger spinner-grow" role="status">
2424
<span class="visually-hidden">Loading...</span>
2525
</div>
2626

27-
<div class="spinner-border text-primary spinner-border-sm" role="status">
27+
<div class="text-primary spinner-border spinner-border-sm" role="status">
2828
<span class="visually-hidden">Loading...</span>
2929
</div>
3030

0 commit comments

Comments
 (0)