Skip to content

Commit 6deff86

Browse files
canovacanova
committed
Update style related changes
It looks like background css property wasn't added properly before even though this property was always added. New version of JSDOM seems like fixed it.
1 parent f7c0149 commit 6deff86

File tree

4 files changed

+18
-17
lines changed

4 files changed

+18
-17
lines changed

‎src/test/components/NetworkChart.test.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -455,7 +455,7 @@ describe('NetworkChartRowBar phase calculations', function () {
455455
const barStyles = getBarElementStyles();
456456
expect(barStyles).toHaveLength(2);
457457
expect(barStyles).toEqual([
458-
'width: 40px; left: -18870px;',
458+
'left: -18870px; width: 40px;',
459459
'width: 198px; left: 150px;',
460460
]);
461461
});
@@ -485,7 +485,7 @@ describe('NetworkChartRowBar phase calculations', function () {
485485
const barStyles = getBarElementStyles();
486486
expect(barStyles).toHaveLength(2);
487487
expect(barStyles).toEqual([
488-
'width: 40px; left: -18870px;',
488+
'left: -18870px; width: 40px;',
489489
'width: 198px; left: 150px;',
490490
]);
491491
});

‎src/test/components/__snapshots__/FlameGraph.test.js.snap‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ exports[`FlameGraph has a tooltip that matches the snapshot with categories 1`]
120120
>
121121
<div
122122
class="tooltipCallNodeGraphMeterBar"
123-
style="width: 100%;"
123+
style="width: 100%; background: var(--blue-40);"
124124
/>
125125
</div>
126126
<div
@@ -160,7 +160,7 @@ exports[`FlameGraph has a tooltip that matches the snapshot with categories 1`]
160160
>
161161
<div
162162
class="tooltipCallNodeGraphMeterBar"
163-
style="width: 33.33333333333333%;"
163+
style="width: 33.33333333333333%; background: var(--category-color-lightblue);"
164164
/>
165165
</div>
166166
<div
@@ -200,7 +200,7 @@ exports[`FlameGraph has a tooltip that matches the snapshot with categories 1`]
200200
>
201201
<div
202202
class="tooltipCallNodeGraphMeterBar"
203-
style="width: 66.66666666666666%;"
203+
style="width: 66.66666666666666%; background: var(--category-color-green);"
204204
/>
205205
</div>
206206
<div
@@ -331,7 +331,7 @@ exports[`FlameGraph has a tooltip that matches the snapshot with categories when
331331
>
332332
<div
333333
class="tooltipCallNodeGraphMeterBar"
334-
style="width: 100%;"
334+
style="width: 100%; background: var(--blue-40);"
335335
/>
336336
</div>
337337
<div
@@ -371,7 +371,7 @@ exports[`FlameGraph has a tooltip that matches the snapshot with categories when
371371
>
372372
<div
373373
class="tooltipCallNodeGraphMeterBar"
374-
style="width: 100%;"
374+
style="width: 100%; background: var(--category-color-lightblue);"
375375
/>
376376
</div>
377377
<div
@@ -933,7 +933,7 @@ exports[`FlameGraph shows a tooltip with the resource information with categorie
933933
>
934934
<div
935935
class="tooltipCallNodeGraphMeterBar"
936-
style="width: 100%;"
936+
style="width: 100%; background: var(--blue-40);"
937937
/>
938938
</div>
939939
<div
@@ -946,7 +946,7 @@ exports[`FlameGraph shows a tooltip with the resource information with categorie
946946
>
947947
<div
948948
class="tooltipCallNodeGraphMeterBar"
949-
style="width: 100%;"
949+
style="width: 100%; background: var(--blue-40);"
950950
/>
951951
</div>
952952
</div>
@@ -978,7 +978,7 @@ exports[`FlameGraph shows a tooltip with the resource information with categorie
978978
>
979979
<div
980980
class="tooltipCallNodeGraphMeterBar"
981-
style="width: 100%;"
981+
style="width: 100%; background: var(--category-color-green);"
982982
/>
983983
</div>
984984
<div
@@ -991,7 +991,7 @@ exports[`FlameGraph shows a tooltip with the resource information with categorie
991991
>
992992
<div
993993
class="tooltipCallNodeGraphMeterBar"
994-
style="width: 100%;"
994+
style="width: 100%; background: var(--category-color-green);"
995995
/>
996996
</div>
997997
</div>

‎src/test/components/__snapshots__/TooltipMarker.test.js.snap‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -414,7 +414,7 @@ exports[`TooltipMarker renders properly network markers where content type is bl
414414
<div
415415
aria-hidden="true"
416416
class="tooltipNetworkPhase tooltipNetworkPhaseEmpty"
417-
style="margin-left: 83.7404047452896%;"
417+
style="margin-left: 83.7404047452896%; margin-right: 7.105427357601002e-15%;"
418418
/>
419419
</div>
420420
</div>
@@ -600,7 +600,7 @@ exports[`TooltipMarker renders properly network markers where content type is mi
600600
<div
601601
aria-hidden="true"
602602
class="tooltipNetworkPhase tooltipNetworkPhaseEmpty"
603-
style="margin-left: 83.7404047452896%;"
603+
style="margin-left: 83.7404047452896%; margin-right: 7.105427357601002e-15%;"
604604
/>
605605
</div>
606606
</div>
@@ -791,7 +791,7 @@ exports[`TooltipMarker renders properly network markers with a preconnect part 2
791791
<div
792792
aria-hidden="true"
793793
class="tooltipNetworkPhase"
794-
style="margin-left: 95.9090909090909%; opacity: 0.5;"
794+
style="margin-left: 95.9090909090909%; margin-right: 2.6645352591003757e-15%; opacity: 0.5;"
795795
/>
796796
<h3
797797
class="tooltipNetworkTitle3"
@@ -860,7 +860,7 @@ exports[`TooltipMarker renders properly network markers with a preconnect part 2
860860
<div
861861
aria-hidden="true"
862862
class="tooltipNetworkPhase tooltipNetworkPhaseEmpty"
863-
style="margin-left: 83.7404047452896%;"
863+
style="margin-left: 83.7404047452896%; margin-right: 7.105427357601002e-15%;"
864864
/>
865865
</div>
866866
</div>
@@ -1056,7 +1056,7 @@ exports[`TooltipMarker renders properly network markers with a preconnect part c
10561056
<div
10571057
aria-hidden="true"
10581058
class="tooltipNetworkPhase tooltipNetworkPhaseEmpty"
1059-
style="margin-left: 83.7404047452896%;"
1059+
style="margin-left: 83.7404047452896%; margin-right: 7.105427357601002e-15%;"
10601060
/>
10611061
</div>
10621062
</div>
@@ -1310,7 +1310,7 @@ exports[`TooltipMarker renders properly normal network markers 1`] = `
13101310
<div
13111311
aria-hidden="true"
13121312
class="tooltipNetworkPhase tooltipNetworkPhaseEmpty"
1313-
style="margin-left: 83.69368112707495%;"
1313+
style="margin-left: 83.69368112707495%; margin-right: -3.552713678800501e-15%;"
13141314
/>
13151315
</div>
13161316
</div>

‎src/test/components/__snapshots__/TrackNetwork.test.js.snap‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ exports[`VerticalIndicators displays tooltips 1`] = `
99
<div>
1010
<span
1111
class="timelineVerticalIndicatorsSwatch"
12+
style="background-color: var(--red-60);"
1213
/>
1314
1415
Load

0 commit comments

Comments
 (0)