feat(fluentUI-migration): ActionButton fluentui v8 to v9 migration #8024
ci.yml
on: pull_request
Matrix: unit-tests
build
1m 9s
lints
3m 30s
codeql
2m 42s
e2e-report-tests
45s
check-clearly-defined
9s
Matrix: e2e-web-tests
publish-code-coverage
0s
Annotations
29 errors and 2 warnings
LoadAssessmentButton › should render per the snapshot:
src/tests/unit/tests/DetailsView/components/load-assessment-button.test.tsx#L68
expect(received).toMatchSnapshot()
Snapshot name: `LoadAssessmentButton should render per the snapshot 1`
- Snapshot - 1
+ Received + 1
@@ -1,8 +1,8 @@
<DocumentFragment>
<mock-insightscommandbutton
- classname="___1r20z3h_0000000 f1t6ax4o fmntwad fgslppp f9hdeju f139oj5f f7otkfg"
+ classname="___n6w72e0_0000000 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f139oj5f f7otkfg"
data-automation-id="load-assessment-button"
insightscommandbuttoniconprops="[object Object]"
>
Load assessment
</mock-insightscommandbutton>
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/load-assessment-button.test.tsx:68:43)
at runMicrotasks (<anonymous>)
|
LoadAssessmentButton › should render per the snapshot:
src/tests/unit/mock-helpers/mock-module-helpers.tsx#L101
expect(received).toMatchSnapshot(hint)
Snapshot name: `LoadAssessmentButton should render per the snapshot: InsightsCommandButton props 1`
- Snapshot - 1
+ Received + 1
@@ -1,8 +1,8 @@
{
"children": "Load assessment",
- "className": "___1r20z3h_0000000 f1t6ax4o fmntwad fgslppp f9hdeju f139oj5f f7otkfg",
+ "className": "___n6w72e0_0000000 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f139oj5f f7otkfg",
"data-automation-id": "load-assessment-button",
"insightsCommandButtonIconProps": {
"icon": <FluentUIV9Icon
iconName="FolderOpenRegular"
/>,
at toMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:101:71)
at expectMockedComponentPropsToMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:14:9)
at Array.forEach (<anonymous>)
at forEach (src/tests/unit/mock-helpers/mock-module-helpers.tsx:9:16)
at Object.<anonymous> (src/tests/unit/tests/DetailsView/components/load-assessment-button.test.tsx:69:51)
at runMicrotasks (<anonymous>)
|
InsightsCommandButton › renders per snapshot with props passed through:
src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx#L34
expect(received).toMatchSnapshot()
Snapshot name: `InsightsCommandButton renders per snapshot with props passed through 1`
- Snapshot - 0
+ Received + 1
@@ -2,9 +2,10 @@
<mock-button
appearance="transparent"
classname=""
icon="[object Object]"
insightscommandbuttoniconprops="[object Object]"
+ shape="square"
>
test-text
</mock-button>
</DocumentFragment>
at Object.toMatchSnapshot (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:34:43)
at runMicrotasks (<anonymous>)
|
InsightsCommandButton › renders per snapshot with props passed through:
src/tests/unit/mock-helpers/mock-module-helpers.tsx#L101
expect(received).toMatchSnapshot(hint)
Snapshot name: `InsightsCommandButton renders per snapshot with props passed through: Button props 1`
- Snapshot - 0
+ Received + 1
@@ -6,6 +6,7 @@
"children": undefined,
},
"insightsCommandButtonIconProps": {
"className": "startOverMenuItemIcon",
},
+ "shape": "square",
}
at toMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:101:71)
at expectMockedComponentPropsToMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:14:9)
at Array.forEach (<anonymous>)
at forEach (src/tests/unit/mock-helpers/mock-module-helpers.tsx:9:16)
at Object.<anonymous> (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:35:51)
at runMicrotasks (<anonymous>)
|
InsightsCommandButton › renders per snapshot with extra className combined with its own:
src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx#L40
expect(received).toMatchSnapshot()
Snapshot name: `InsightsCommandButton renders per snapshot with extra className combined with its own 1`
- Snapshot - 0
+ Received + 1
@@ -2,7 +2,8 @@
<mock-button
appearance="transparent"
classname=""
icon="[object Object]"
insightscommandbuttoniconprops="[object Object]"
+ shape="square"
/>
</DocumentFragment>
at Object.toMatchSnapshot (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:40:43)
|
InsightsCommandButton › renders per snapshot with extra className combined with its own:
src/tests/unit/mock-helpers/mock-module-helpers.tsx#L101
expect(received).toMatchSnapshot(hint)
Snapshot name: `InsightsCommandButton renders per snapshot with extra className combined with its own: Button props 1`
- Snapshot - 0
+ Received + 1
@@ -6,6 +6,7 @@
"children": undefined,
},
"insightsCommandButtonIconProps": {
"className": "startOverMenuItemIcon",
},
+ "shape": "square",
}
at toMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:101:71)
at expectMockedComponentPropsToMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:14:9)
at Array.forEach (<anonymous>)
at forEach (src/tests/unit/mock-helpers/mock-module-helpers.tsx:9:16)
at Object.<anonymous> (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:41:51)
|
InsightsCommandButton › renders per snapshot with iconProps passed through:
src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx#L50
expect(received).toMatchSnapshot()
Snapshot name: `InsightsCommandButton renders per snapshot with iconProps passed through 1`
- Snapshot - 0
+ Received + 1
<DocumentFragment>
<mock-button
appearance="transparent"
icon="[object Object]"
insightscommandbuttoniconprops="[object Object]"
+ shape="square"
>
Load assessment
</mock-button>
</DocumentFragment>
at Object.toMatchSnapshot (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:50:43)
|
InsightsCommandButton › renders per snapshot with iconProps passed through:
src/tests/unit/mock-helpers/mock-module-helpers.tsx#L101
expect(received).toMatchSnapshot(hint)
Snapshot name: `InsightsCommandButton renders per snapshot with iconProps passed through: Button props 1`
- Snapshot - 0
+ Received + 1
@@ -6,6 +6,7 @@
"children": <FolderOpenRegular />,
},
"insightsCommandButtonIconProps": {
"icon": <FolderOpenRegular />,
},
+ "shape": "square",
}
at toMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:101:71)
at expectMockedComponentPropsToMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:14:9)
at Array.forEach (<anonymous>)
at forEach (src/tests/unit/mock-helpers/mock-module-helpers.tsx:9:16)
at Object.<anonymous> (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:51:51)
|
InsightsCommandButton › renders per snapshot with extra icon className combined with its own:
src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx#L64
expect(received).toMatchSnapshot()
Snapshot name: `InsightsCommandButton renders per snapshot with extra icon className combined with its own 1`
- Snapshot - 0
+ Received + 1
<DocumentFragment>
<mock-button
appearance="transparent"
icon="[object Object]"
insightscommandbuttoniconprops="[object Object]"
+ shape="square"
>
Load assessment
</mock-button>
</DocumentFragment>
at Object.toMatchSnapshot (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:64:43)
|
InsightsCommandButton › renders per snapshot with extra icon className combined with its own:
src/tests/unit/mock-helpers/mock-module-helpers.tsx#L101
expect(received).toMatchSnapshot(hint)
Snapshot name: `InsightsCommandButton renders per snapshot with extra icon className combined with its own: Button props 1`
- Snapshot - 0
+ Received + 1
@@ -10,6 +10,7 @@
"insightsCommandButtonIconProps": {
"icon": <FolderOpenRegular
className="icon-class-name"
/>,
},
+ "shape": "square",
}
at toMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:101:71)
at expectMockedComponentPropsToMatchSnapshot (src/tests/unit/mock-helpers/mock-module-helpers.tsx:14:9)
at Array.forEach (<anonymous>)
at forEach (src/tests/unit/mock-helpers/mock-module-helpers.tsx:9:16)
at Object.<anonymous> (src/tests/unit/tests/common/components/controls/insights-command-button.test.tsx:65:51)
|
DetailsViewCommandBar › renders report export dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L329
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders report export dialog: export dialog hidden 1`
- Snapshot - 1
+ Received + 1
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:329:43)
|
DetailsViewCommandBar › renders report export dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L332
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders report export dialog: export dialog open 1`
- Snapshot - 1
+ Received + 1
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:332:43)
|
DetailsViewCommandBar › renders load assessment dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L342
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders load assessment dialog: load assessment dialog hidden 1`
- Snapshot - 2
+ Received + 2
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -54,11 +54,11 @@
</svg>
</span>
Export result
</button>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="load-assessment-button"
type="button"
>
<span
class="fui-Button__icon rywnvv2 ___963sj20_1qpm2bl f1nizpg2"
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:342:43)
|
DetailsViewCommandBar › renders load assessment dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L345
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders load assessment dialog: load assessment dialog open 1`
- Snapshot - 2
+ Received + 2
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -54,11 +54,11 @@
</svg>
</span>
Export result
</button>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="load-assessment-button"
type="button"
>
<span
class="fui-Button__icon rywnvv2 ___963sj20_1qpm2bl f1nizpg2"
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:345:43)
|
DetailsViewCommandBar › renders invalid load assessment dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L356
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders invalid load assessment dialog: invalid load assessment dialog hidden 1`
- Snapshot - 2
+ Received + 2
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -54,11 +54,11 @@
</svg>
</span>
Export result
</button>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="load-assessment-button"
type="button"
>
<span
class="fui-Button__icon rywnvv2 ___963sj20_1qpm2bl f1nizpg2"
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:356:43)
|
DetailsViewCommandBar › renders invalid load assessment dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L359
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders invalid load assessment dialog: invalid load assessment dialog open 1`
- Snapshot - 2
+ Received + 2
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -54,11 +54,11 @@
</svg>
</span>
Export result
</button>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="load-assessment-button"
type="button"
>
<span
class="fui-Button__icon rywnvv2 ___963sj20_1qpm2bl f1nizpg2"
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:359:43)
|
DetailsViewCommandBar › renders start test over dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L371
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders start test over dialog: start test over dialog hidden 1`
- Snapshot - 5
+ Received + 3
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -53,18 +53,16 @@
/>
</svg>
</span>
Export result
</button>
- <div
- role="menuitem"
- >
+ <div>
<button
aria-expanded="true"
aria-haspopup="menu"
aria-label="start over menu"
- class="fui-Button r1alrhcs fui-MenuButton ___wdno5z0_zvp7ru0 f1q9pm1r f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 fxoiby5 f15q0o9g f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs fui-MenuButton ___2i1qnf0_1dhr3tn f1q9pm1r f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 fxoiby5 f15q0o9g f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
data-tabster="{"restorer":{"type":1}}"
id="menur0"
type="button"
>
<span
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:371:43)
|
DetailsViewCommandBar › renders start test over dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L374
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders start test over dialog: start test over dialog open 1`
- Snapshot - 5
+ Received + 3
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -53,18 +53,16 @@
/>
</svg>
</span>
Export result
</button>
- <div
- role="menuitem"
- >
+ <div>
<button
aria-expanded="false"
aria-haspopup="menu"
aria-label="start over menu"
- class="fui-Button r1alrhcs fui-MenuButton ___1ct9cz9_1oc00aw f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs fui-MenuButton ___124ctz0_1ufvcd3 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
data-tabster="{"restorer":{"type":1}}"
id="menur0"
type="button"
>
<span
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:374:43)
|
DetailsViewCommandBar › renders start assessment over dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L386
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders start assessment over dialog: start assessment over dialog hidden 1`
- Snapshot - 5
+ Received + 3
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -53,18 +53,16 @@
/>
</svg>
</span>
Export result
</button>
- <div
- role="menuitem"
- >
+ <div>
<button
aria-expanded="true"
aria-haspopup="menu"
aria-label="start over menu"
- class="fui-Button r1alrhcs fui-MenuButton ___wdno5z0_zvp7ru0 f1q9pm1r f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 fxoiby5 f15q0o9g f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs fui-MenuButton ___2i1qnf0_1dhr3tn f1q9pm1r f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 fxoiby5 f15q0o9g f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
data-tabster="{"restorer":{"type":1}}"
id="menur1"
type="button"
>
<span
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:386:43)
|
DetailsViewCommandBar › renders start assessment over dialog:
src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx#L391
expect(received).toMatchSnapshot(hint)
Snapshot name: `DetailsViewCommandBar renders start assessment over dialog: start assessment over dialog open 1`
- Snapshot - 5
+ Received + 3
@@ -28,11 +28,11 @@
</div>
<div
class="detailsViewCommandButtons"
>
<button
- class="fui-Button r1alrhcs ___1fycnx4_xnqvbv0 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1t6ax4o fmntwad fgslppp f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs ___iogp1z0_w74yn80 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1t6ax4o fmntwad fgslppp f1g8o529 f9hdeju f7otkfg"
data-automation-id="report-export-button"
id="report-export-button"
type="button"
>
<span
@@ -53,18 +53,16 @@
/>
</svg>
</span>
Export result
</button>
- <div
- role="menuitem"
- >
+ <div>
<button
aria-expanded="false"
aria-haspopup="menu"
aria-label="start over menu"
- class="fui-Button r1alrhcs fui-MenuButton ___1ct9cz9_1oc00aw f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
+ class="fui-Button r1alrhcs fui-MenuButton ___124ctz0_1ufvcd3 f1c21dwh f1p3nwhy f11589ue f1q5o8ev f1pdflbu fkfq4zb f1s2uweq fr80ssc f1ukrpxl fecsdlb f139oj5f ft1hn21 fuxngvv fwiml72 f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1fg1p5m f1dfjoow f1j98vj9 f1tme0vf f4xjyn1 f18onu3q f9ddjv3 f1fabniw fj0ryk1 f1kyxi2w f1t6ax4o fycuoez f9hdeju f7otkfg"
data-tabster="{"restorer":{"type":1}}"
id="menur1"
type="button"
>
<span
at Object.toMatchSnapshot (src/tests/unit/tests/DetailsView/components/details-view-command-bar.test.tsx:391:43)
|
Details View -> Assessment -> Headings › Getting started page › Getting started page should pass accessibility validation with highContrastMode=true:
src/tests/end-to-end/tests/details-view/headings.test.ts#L88
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Assessment -> Headings Getting started page Getting started page should pass accessibility validation with highContrastMode=true 1`
- Snapshot - 1
+ Received + 1
@@ -5,11 +5,11 @@
{
"failureSummary": "Fix any of the following:
The link has insufficient color contrast of 1.07:1 with the surrounding text. (Minimum contrast is 3:1, link text: #ffff00, surrounding text: #ffffff)
The link has no styling (such as underline) to distinguish it from the surrounding text",
"selector": [
- "p:nth-child(6) > .root-317.insights-link[target="_blank"]",
+ "p:nth-child(6) > .root-314.insights-link[target="_blank"]",
],
},
],
},
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/headings.test.ts:88:33)
|
e2e-web-tests (2/2)
Process completed with exit code 1.
|
Details View -> › Assessment -> Reflow › With command bar button visible › with command bar button expanded › should pass accessibility validation with command bar menu open and high contrast mode=true:
src/tests/end-to-end/tests/details-view/reflow-ui.test.ts#L248
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Assessment -> Reflow With command bar button visible with command bar button expanded should pass accessibility validation with command bar menu open and high contrast mode=true 1`
- Snapshot - 0
+ Received + 13
@@ -16,6 +16,19 @@
"i:nth-child(0)",
],
},
],
},
+ {
+ "id": "aria-required-children",
+ "nodes": [
+ {
+ "failureSummary": "Fix any of the following:
+ Element has children which are not allowed: button[tabindex], [role=button], button[aria-haspopup]
+ Element uses aria-busy="true" while showing a loader",
+ "selector": [
+ ".fui-MenuList",
+ ],
+ },
+ ],
+ },
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:248:25)
at src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:80:25
|
Details View -> › Assessment -> Reflow › With command bar button visible › with command bar button expanded › should pass accessibility validation with command bar menu open and high contrast mode=false:
src/tests/end-to-end/tests/details-view/reflow-ui.test.ts#L248
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Assessment -> Reflow With command bar button visible with command bar button expanded should pass accessibility validation with command bar menu open and high contrast mode=false 1`
- Snapshot - 0
+ Received + 13
@@ -16,6 +16,19 @@
"i:nth-child(0)",
],
},
],
},
+ {
+ "id": "aria-required-children",
+ "nodes": [
+ {
+ "failureSummary": "Fix any of the following:
+ Element has children which are not allowed: button[tabindex], [role=button], button[aria-haspopup]
+ Element uses aria-busy="true" while showing a loader",
+ "selector": [
+ ".fui-MenuList",
+ ],
+ },
+ ],
+ },
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:248:25)
at src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:80:25
|
Details View -> › Quick Assess -> Reflow › With command bar button visible › with command bar button expanded › should pass accessibility validation with command bar menu open and high contrast mode=true:
src/tests/end-to-end/tests/details-view/reflow-ui.test.ts#L248
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Quick Assess -> Reflow With command bar button visible with command bar button expanded should pass accessibility validation with command bar menu open and high contrast mode=true 1`
- Snapshot - 0
+ Received + 13
@@ -16,6 +16,19 @@
"i:nth-child(0)",
],
},
],
},
+ {
+ "id": "aria-required-children",
+ "nodes": [
+ {
+ "failureSummary": "Fix any of the following:
+ Element has children which are not allowed: button[tabindex], button[aria-haspopup]
+ Element uses aria-busy="true" while showing a loader",
+ "selector": [
+ ".fui-MenuList",
+ ],
+ },
+ ],
+ },
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:248:25)
at src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:131:25
|
Details View -> › Quick Assess -> Reflow › With command bar button visible › with command bar button expanded › should pass accessibility validation with command bar menu open and high contrast mode=false:
src/tests/end-to-end/tests/details-view/reflow-ui.test.ts#L248
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Quick Assess -> Reflow With command bar button visible with command bar button expanded should pass accessibility validation with command bar menu open and high contrast mode=false 1`
- Snapshot - 0
+ Received + 13
@@ -16,6 +16,19 @@
"i:nth-child(0)",
],
},
],
},
+ {
+ "id": "aria-required-children",
+ "nodes": [
+ {
+ "failureSummary": "Fix any of the following:
+ Element has children which are not allowed: button[tabindex], button[aria-haspopup]
+ Element uses aria-busy="true" while showing a loader",
+ "selector": [
+ ".fui-MenuList",
+ ],
+ },
+ ],
+ },
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:248:25)
at src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:131:25
|
Details View -> › Fastpass -> Reflow › With high contrast mode=true › With command bar button visible › with command bar button expanded › should pass accessibility validation with command bar menu open and high contrast mode=%s:
src/tests/end-to-end/tests/details-view/reflow-ui.test.ts#L248
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Fastpass -> Reflow With high contrast mode=true With command bar button visible with command bar button expanded should pass accessibility validation with command bar menu open and high contrast mode=%s 1`
- Snapshot - 0
+ Received + 13
@@ -16,6 +16,19 @@
"i:nth-child(0)",
],
},
],
},
+ {
+ "id": "aria-required-children",
+ "nodes": [
+ {
+ "failureSummary": "Fix any of the following:
+ Element has children which are not allowed: button[tabindex]
+ Element uses aria-busy="true" while showing a loader",
+ "selector": [
+ ".fui-MenuList",
+ ],
+ },
+ ],
+ },
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:248:25)
at Object.<anonymous> (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:205:25)
|
Details View -> › Fastpass -> Reflow › With high contrast mode=false › With command bar button visible › with command bar button expanded › should pass accessibility validation with command bar menu open and high contrast mode=%s:
src/tests/end-to-end/tests/details-view/reflow-ui.test.ts#L248
expect(received).toMatchSnapshot()
Snapshot name: `Details View -> Fastpass -> Reflow With high contrast mode=false With command bar button visible with command bar button expanded should pass accessibility validation with command bar menu open and high contrast mode=%s 1`
- Snapshot - 0
+ Received + 13
@@ -16,6 +16,19 @@
"i:nth-child(0)",
],
},
],
},
+ {
+ "id": "aria-required-children",
+ "nodes": [
+ {
+ "failureSummary": "Fix any of the following:
+ Element has children which are not allowed: button[tabindex]
+ Element uses aria-busy="true" while showing a loader",
+ "selector": [
+ ".fui-MenuList",
+ ],
+ },
+ ],
+ },
]
at toMatchSnapshot (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:248:25)
at Object.<anonymous> (src/tests/end-to-end/tests/details-view/reflow-ui.test.ts:205:25)
|
e2e-web-tests (1/2)
Process completed with exit code 1.
|
codeql
This run of the CodeQL Action does not have permission to access Code Scanning API endpoints. As a result, it will not be opted into any experimental features. This could be because the Action is running on a pull request from a fork. If not, please ensure the Action has the 'security-events: write' permission. Details: Resource not accessible by integration
|
codeql
Feature flags do not specify a default CLI version. Falling back to the CLI version shipped with the Action. This is 2.18.1.
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
build-results
Expired
|
64 MB |
|
e2e-report-tests-results
Expired
|
549 Bytes |
|
e2e-web-tests-1-debug-logs
Expired
|
93.7 MB |
|
e2e-web-tests-1-results
Expired
|
7.36 KB |
|
e2e-web-tests-2-debug-logs
Expired
|
76.2 MB |
|
e2e-web-tests-2-results
Expired
|
2.43 KB |
|
unit-tests-1-results
Expired
|
160 KB |
|
unit-tests-2-results
Expired
|
159 KB |
|