[DataGrid] Tweak new resize behavior #3523
vnbaaijbuild-core-lib.yml
on: pull_request
Build and Test Core Lib
6m 4s
Build and Deploy Demo site
3m 32s
Close Pull Request Job
0s
Annotations
5 errors and 8 warnings
|
Microsoft.FluentUI.AspNetCore.Components.Tests.DataGrid.DataGridSortByTests ► DataGridSortByTests_SortByColumnIndex_Ascending:
tests/Core/FluentAssert.cs#L113
Failed test found in:
TestResults/runneradmin_fv-az1347-943_2025-05-15_12_24_03.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) > div(1) > span(1) > fluent-button(1) > svg(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0) > div(0) > span(0) > fluent-button(0) > svg(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="ascending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: var(--fluent-data-grid-header-opacity);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="M9 4.71 6.35 7.35a.5.5 0 1 1-.7-.7L9.1 3.18a.5.5 0 0 1 .74-.03h.01l3.5 3.5a.5.5 0 1 1-.71.7L10 4.71V16.5a.5.5 0 0 1-1 0V4.71Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >A</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="ascending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: 0.5;" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="M9 4.71 6.35 7.35a.5.5 0 1 1-.7-.7L9.1 3.18a.5.5 0 0 1 .74-.03h.01l3.5 3.5a.5.5 0 1 1-.71.7L10 4.71V16.5a.5.5 0 0 1-1 0V4.71Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >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-az1347-943_2025-05-15_12_24_03.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) > div(1) > span(1) > fluent-button(1) > svg(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0) > div(0) > span(0) > fluent-button(0) > svg(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="descending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: var(--fluent-data-grid-header-opacity);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="m10 15.29 2.65-2.64a.5.5 0 0 1 .7.7L9.9 16.82a.5.5 0 0 1-.74.03h-.01l-3.5-3.5a.5.5 0 1 1 .71-.7L9 15.29V3.5a.5.5 0 0 1 1 0v11.79Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >A</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="descending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: 0.5;" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="m10 15.29 2.65-2.64a.5.5 0 0 1 .7.7L9.9 16.82a.5.5 0 0 1-.74.03h-.01l-3.5-3.5a.5.5 0 1 1 .71-.7L9 15.29V3.5a.5.5 0 0 1 1 0v11.79Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >A</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >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-az1347-943_2025-05-15_12_24_03.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) > div(1) > span(1) > fluent-button(1) > svg(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0) > div(0) > span(0) > fluent-button(0) > svg(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="ascending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: var(--fluent-data-grid-header-opacity);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="M9 4.71 6.35 7.35a.5.5 0 1 1-.7-.7L9.1 3.18a.5.5 0 0 1 .74-.03h.01l3.5 3.5a.5.5 0 1 1-.71.7L10 4.71V16.5a.5.5 0 0 1-1 0V4.71Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >A</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="ascending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: 0.5;" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="M9 4.71 6.35 7.35a.5.5 0 1 1-.7-.7L9.1 3.18a.5.5 0 0 1 .74-.03h.01l3.5 3.5a.5.5 0 1 1-.71.7L10 4.71V16.5a.5.5 0 0 1-1 0V4.71Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >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-az1347-943_2025-05-15_12_24_03.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) > div(1) > span(1) > fluent-button(1) > svg(3)[style] and actual attribute table(1) > thead(0) > tr(0) > th(0) > div(0) > span(0) > fluent-button(0) > svg(1)[style] are different.
Actual HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="descending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: var(--fluent-data-grid-header-opacity);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="m10 15.29 2.65-2.64a.5.5 0 0 1 .7.7L9.9 16.82a.5.5 0 0 1-.74.03h-.01l-3.5-3.5a.5.5 0 1 1 .71-.7L9 15.29V3.5a.5.5 0 0 1 1 0v11.79Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >A</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
</tbody>
</table>
Expected HTML:
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" >
<thead >
<tr class="fluent-data-grid-row" 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; z-index: 5;" scope="col" aria-sort="descending" >
<div style="display: flex; justify-content: flex-start;" >
<span class="keycapture" style="width: 100%;" >
<fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" >
<div class="col-title-text" >Item1</div>
<svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: 0.5;" focusable="false" viewBox="0 0 20 20" aria-hidden="true" >
<path d="m10 15.29 2.65-2.64a.5.5 0 0 1 .7.7L9.9 16.82a.5.5 0 0 1-.74.03h-.01l-3.5-3.5a.5.5 0 1 1 .71-.7L9 15.29V3.5a.5.5 0 0 1 1 0v11.79Z"></path>
</svg>
</fluent-button>
</span>
</div>
</th>
<th col-index="2" class="column-header col-justify-start" style="grid-column: 2; height: 32px; min-height: 44px; z-index: 5;" scope="col" aria-sort="none" >
<div style="display: flex; justify-content: flex-start;" >
<div class="col-title" style="width: calc(100% - 10px);" >
<div class="col-title-text" >Item2</div>
</div>
</div>
</th>
</tr>
</thead>
<tbody >
<tr class="fluent-data-grid-row" 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" tabindex="0" >D</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >A</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >C</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >B</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >B</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >C</td>
</tr>
<tr class="fluent-data-grid-row" 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" tabindex="0" >A</td>
<td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" >D</td>
</tr>
</tbody>
</table>
|
|
Build and Test Core Lib
Process completed with exit code 1.
|
|
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
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.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.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.Http
|
|
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.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.AspNetCore.Components.Web
|