[DataGrid] Alter rendering to use table elements #1492
Triggered via pull request
September 17, 2024 10:18
Status
Failure
Total duration
3m 28s
Artifacts
–
build-core-lib.yml
on: pull_request
Build and Test Core Lib
3m 13s
Build and Deploy Demo site
3m 0s
Close Pull Request Job
0s
Annotations
8 errors and 30 warnings
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.DataGridSortByTests ► DataGridSortByTests_SortByColumnIndex_Ascending:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
9: The value of the attribute table(1) > tbody(3) > tr(7) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(0)[style] are different.
10: The value of the attribute table(1) > tbody(3) > tr(7) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-asc" style="grid-column: 1; height: 32px; min-height: 44px;" scope="col" aria-sort="ascending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-asc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="3" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >D</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >A</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-asc" style="grid-column: 1; height: 44px;" scope="col" aria-sort="ascending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-asc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="3" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >D</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >A</td>
</tr>
</tbody>
</table>
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.DataGridSortByTests ► DataGridSortByTests_SortByColumnIndex_Descending:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
9: The value of the attribute table(1) > tbody(3) > tr(7) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(0)[style] are different.
10: The value of the attribute table(1) > tbody(3) > tr(7) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-desc" style="grid-column: 1; height: 32px; min-height: 44px;" scope="col" aria-sort="descending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="4" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >A</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >D</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-desc" style="grid-column: 1; height: 44px;" scope="col" aria-sort="descending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="4" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >A</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >D</td>
</tr>
</tbody>
</table>
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.DataGridSortByTests ► DataGridSortByTests_SortByColumnTitle_Ascending:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
9: The value of the attribute table(1) > tbody(3) > tr(7) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(0)[style] are different.
10: The value of the attribute table(1) > tbody(3) > tr(7) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-asc" style="grid-column: 1; height: 32px; min-height: 44px;" scope="col" aria-sort="ascending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-asc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="3" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >D</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >A</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-asc" style="grid-column: 1; height: 44px;" scope="col" aria-sort="ascending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-asc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="3" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >D</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >A</td>
</tr>
</tbody>
</table>
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.DataGridSortByTests ► DataGridSortByTests_SortByColumnTitle_Descending:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
9: The value of the attribute table(1) > tbody(3) > tr(7) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(0)[style] are different.
10: The value of the attribute table(1) > tbody(3) > tr(7) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(3) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-desc" style="grid-column: 1; height: 32px; min-height: 44px;" scope="col" aria-sort="descending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="4" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >A</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >D</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-start col-sort-desc" style="grid-column: 1; height: 44px;" scope="col" aria-sort="descending" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item1</div>
</div>
</span>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Item2</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="4" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >A</td>
</tr>
<tr data-row-index="5" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >B</td>
</tr>
<tr data-row-index="2" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >C</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="5" >
<td col-index="1" class="col-justify-start" style="grid-column: 1; height: 44px;" role="gridcell" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >D</td>
</tr>
</tbody>
</table>
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.FluentDataGridColumSelectTests ► FluentDataGrid_ColumSelect_MultiSelect_Customized_Rendering:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 50px auto;" aria-rowcount="4" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-center col-sort-desc" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<div style="cursor: pointer; margin-left: 12px;" >➖</div>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Name</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="2" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Jean Martin</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >✅</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Kenji Sato</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >✅</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Julie Smith</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 50px auto;" aria-rowcount="4" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-center col-sort-desc" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" scope="col" aria-sort="none" >
<div style="cursor: pointer; margin-left: 12px;" >➖</div>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Name</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="2" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Jean Martin</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >✅</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Kenji Sato</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >✅</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Julie Smith</td>
</tr>
</tbody>
</table>
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.FluentDataGridColumSelectTests ► FluentDataGrid_ColumSelect_MultiSelect_Rendering:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 50px auto;" aria-rowcount="4" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-center col-sort-desc" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<svg style="width: 20px; fill: var(--accent-fill-rest); cursor: pointer;" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Some rows are selected.</title>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM4.5 6c0-.83.67-1.5 1.5-1.5h8c.83 0 1.5.67 1.5 1.5v8c0 .83-.67 1.5-1.5 1.5H6A1.5 1.5 0 0 1 4.5 14V6ZM7 6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z"></path>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM4.5 6c0-.83.67-1.5 1.5-1.5h8c.83 0 1.5.67 1.5 1.5v8c0 .83-.67 1.5-1.5 1.5H6A1.5 1.5 0 0 1 4.5 14V6ZM7 6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z"></path>
</svg>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Name</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="2" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
<svg style="width: 20px; fill: var(--neutral-fill-inverse-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Row unselected</title>
<path d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-2a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Jean Martin</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
<svg style="width: 20px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" row-selected="">
<title>Row selected.</title>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Kenji Sato</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
<svg style="width: 20px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" row-selected="">
<title>Row selected.</title>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Julie Smith</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 50px auto;" aria-rowcount="4" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-center col-sort-desc" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" scope="col" aria-sort="none" >
<svg style="width: 20px; fill: var(--accent-fill-rest); cursor: pointer;" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Some rows are selected.</title>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM4.5 6c0-.83.67-1.5 1.5-1.5h8c.83 0 1.5.67 1.5 1.5v8c0 .83-.67 1.5-1.5 1.5H6A1.5 1.5 0 0 1 4.5 14V6ZM7 6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z"></path>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM4.5 6c0-.83.67-1.5 1.5-1.5h8c.83 0 1.5.67 1.5 1.5v8c0 .83-.67 1.5-1.5 1.5H6A1.5 1.5 0 0 1 4.5 14V6ZM7 6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z"></path>
</svg>
</th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Name</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="2" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
<svg style="width: 20px; fill: var(--neutral-fill-inverse-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Row unselected</title>
<path d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-2a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Jean Martin</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
<svg style="width: 20px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" row-selected="">
<title>Row selected.</title>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Kenji Sato</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
<svg style="width: 20px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" row-selected="">
<title>Row selected.</title>
<path d="M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Julie Smith</td>
</tr>
</tbody>
</table>
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.FluentDataGridColumSelectTests ► FluentDataGrid_ColumSelect_SingleSelect_Rendering:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az586-667_2024-09-17_10_21_45.trx
Error:
Bunit.HtmlEqualException : HTML comparison failed.
The following errors were found:
1: The value of the attribute table(1) > thead(1) > tr(1) > th(1)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0)[style] are different.
2: The value of the attribute table(1) > thead(1) > tr(1) > th(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(1)[style] are different.
3: The value of the attribute table(1) > tbody(3) > tr(1) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(0)[style] are different.
4: The value of the attribute table(1) > tbody(3) > tr(1) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(0) > td(1)[style] are different.
5: The value of the attribute table(1) > tbody(3) > tr(3) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(0)[style] are different.
6: The value of the attribute table(1) > tbody(3) > tr(3) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(1) > td(1)[style] are different.
7: The value of the attribute table(1) > tbody(3) > tr(5) > td(1)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(0)[style] are different.
8: The value of the attribute table(1) > tbody(3) > tr(5) > td(3)[style] and actual attribute table(1) > tbody(1) > tr(2) > td(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 50px auto;" aria-rowcount="4" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-center col-sort-desc" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 32px; min-height: 44px;" scope="col" aria-sort="none" ></th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 32px; min-height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Name</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="2" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
<svg style="width: 20px; fill: var(--neutral-fill-inverse-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Row unselected</title>
<path d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-8 7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Jean Martin</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
<svg style="width: 20px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" row-selected="">
<title>Row selected.</title>
<path d="M10 15a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0-13a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-7 8a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Kenji Sato</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-inline-start: calc(((var(--design-unit)* 3) + var(--focus-stroke-width) - var(--stroke-width))* 1px); padding-top: calc(var(--design-unit) * 1.5px); height: 32px;" role="gridcell" >
<svg style="width: 20px; fill: var(--neutral-fill-inverse-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Row unselected</title>
<path d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-8 7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" >Julie Smith</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid" style="grid-template-columns: 50px auto;" aria-rowcount="4" >
<thead >
<tr data-row-index="0" role="row" row-type="header" >
<th col-index="1" class="column-header col-justify-center col-sort-desc" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" scope="col" aria-sort="none" ></th>
<th col-index="2" class="column-header col-justify-start col-sort-desc" style="grid-column: 2; height: 44px;" scope="col" aria-sort="none" >
<span class="keycapture" >
<div class="col-title" >
<div class="col-title-text" >Name</div>
</div>
</span>
</th>
</tr>
</thead>
<tbody >
<tr data-row-index="2" role="row" aria-rowindex="2" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
<svg style="width: 20px; fill: var(--neutral-fill-inverse-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Row unselected</title>
<path d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-8 7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Jean Martin</td>
</tr>
<tr data-row-index="3" role="row" aria-rowindex="3" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
<svg style="width: 20px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" row-selected="">
<title>Row selected.</title>
<path d="M10 15a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0-13a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-7 8a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Kenji Sato</td>
</tr>
<tr data-row-index="4" role="row" aria-rowindex="4" >
<td col-index="1" class="col-justify-center" style="grid-column: 1; text-align: center; align-content: center; padding-top: calc(var(--design-unit) * 2.5px); height: 44px;" role="gridcell" >
<svg style="width: 20px; fill: var(--neutral-fill-inverse-rest);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<title>Row unselected</title>
<path d="M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-8 7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z"></path>
</svg>
</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 44px;" role="gridcell" >Julie Smith</td>
</tr>
</tbody>
</table>
|
Build and Test Core Lib
Process completed with exit code 1.
|
Build and Deploy Demo site:
src/Core/Enums/DataGridRowSize.cs#L18
Avoid multiple blank lines (https://learn.microsoft.com/dotnet/fundamentals/code-analysis/style-rules/ide2000)
|
Build and Deploy Demo site
'FluentCounterBadge.ShowZero' is obsolete: 'This parameter will be removed in a future version. Use ShowWhen with a lambda expression instead'
|
Build and Deploy Demo site:
examples/Demo/Shared/Pages/NavMenuTree/NavMenuTreePage.razor#L75
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site:
examples/Demo/Shared/Pages/NavMenuTree/NavMenuTreePage.razor#L77
'FluentNavMenuGroup' is obsolete: 'This component has been replaced with the FluentNavGroup and will be removed in a future version.'
|
Build and Deploy Demo site:
examples/Demo/Shared/Pages/NavMenuTree/NavMenuTreePage.razor#L79
'FluentNavMenuLink' is obsolete: 'This component has been replaced with the FluentNavLink and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuLink' is obsolete: 'This component has been replaced with the FluentNavLink and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuLink' is obsolete: 'This component has been replaced with the FluentNavLink and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentCounterBadge.ShowZero' is obsolete: 'This parameter will be removed in a future version. Use ShowWhen with a lambda expression instead'
|
Build and Deploy Demo site
'FluentCounterBadge.BottomPosition' is obsolete: 'This parameter will be removed in a future version. Use VerticalPosition instead.'
|
Build and Deploy Demo site:
examples/Demo/Shared/Pages/NavMenuTree/NavMenuTreePage.razor#L75
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site:
examples/Demo/Shared/Pages/NavMenuTree/NavMenuTreePage.razor#L77
'FluentNavMenuGroup' is obsolete: 'This component has been replaced with the FluentNavGroup and will be removed in a future version.'
|
Build and Deploy Demo site:
examples/Demo/Shared/Pages/NavMenuTree/NavMenuTreePage.razor#L79
'FluentNavMenuLink' is obsolete: 'This component has been replaced with the FluentNavLink and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Deploy Demo site
'FluentNavMenuTree' is obsolete: 'This component has been replaced with the FluentNavMenu and will be removed in a future version.'
|
Build and Test Core Lib:
src/Core/Enums/DataGridRowSize.cs#L18
Avoid multiple blank lines (https://learn.microsoft.com/dotnet/fundamentals/code-analysis/style-rules/ide2000)
|
Build and Test Core Lib:
src/Core/Enums/DataGridRowSize.cs#L18
Avoid multiple blank lines (https://learn.microsoft.com/dotnet/fundamentals/code-analysis/style-rules/ide2000)
|
Build and Test Core Lib
A stable release of a package should not have a prerelease dependency. Either modify the version spec of dependency "Microsoft.AspNetCore.Components.Web
|
Build and Test Core Lib
A stable release of a package should not have a prerelease dependency. Either modify the version spec of dependency "Microsoft.Extensions.Configuration.Abstractions
|
Build and Test Core Lib
A stable release of a package should not have a prerelease dependency. Either modify the version spec of dependency "Microsoft.Extensions.Hosting.Abstractions
|
Build and Test Core Lib
A stable release of a package should not have a prerelease dependency. Either modify the version spec of dependency "Microsoft.Extensions.Http
|
Build and Test Core Lib:
src/Core/Enums/DataGridRowSize.cs#L18
Avoid multiple blank lines (https://learn.microsoft.com/dotnet/fundamentals/code-analysis/style-rules/ide2000)
|
Build and Test Core Lib:
src/Core/Enums/DataGridRowSize.cs#L18
Avoid multiple blank lines (https://learn.microsoft.com/dotnet/fundamentals/code-analysis/style-rules/ide2000)
|
Build and Test Core Lib
A stable release of a package should not have a prerelease dependency. Either modify the version spec of dependency "Microsoft.AspNetCore.Components.Web
|
Build and Test Core Lib
A stable release of a package should not have a prerelease dependency. Either modify the version spec of dependency "Microsoft.Extensions.Configuration.Abstractions
|