File tree Expand file tree Collapse file tree 2 files changed +23
-6
lines changed
packages/html-reporter/src Expand file tree Collapse file tree 2 files changed +23
-6
lines changed Original file line number Diff line number Diff line change 41
41
align-items : center;
42
42
}
43
43
44
+ .test-file-details-row-items {
45
+ display : flex;
46
+ height : 16px ;
47
+ }
48
+
49
+ .test-file-details-row-items > .link-badge {
50
+ /* Align badges */
51
+ margin-top : -2px ;
52
+ }
53
+
54
+ .test-file-details-row-items > .trace-link {
55
+ /* Center in row */
56
+ margin-top : -4px ;
57
+ }
58
+
44
59
.test-file-path {
45
60
text-overflow : ellipsis;
46
61
overflow : hidden;
Original file line number Diff line number Diff line change @@ -59,12 +59,14 @@ export const TestFileView: React.FC<React.PropsWithChildren<{
59
59
< span data-testid = 'test-duration' style = { { minWidth : '50px' , textAlign : 'right' } } > { msToString ( test . duration ) } </ span >
60
60
</ div >
61
61
< div className = 'test-file-details-row' >
62
- < Link href = { testResultHref ( { test } ) } title = { [ ...test . path , test . title ] . join ( ' › ' ) } className = 'test-file-path-link' >
63
- < span className = 'test-file-path' > { test . ___location . file } :{ test . ___location . line } </ span >
64
- </ Link >
65
- { imageDiffBadge ( test ) }
66
- { videoBadge ( test ) }
67
- < TraceLink test = { test } dim = { true } />
62
+ < div className = 'test-file-details-row-items' >
63
+ < Link href = { testResultHref ( { test } ) } title = { [ ...test . path , test . title ] . join ( ' › ' ) } className = 'test-file-path-link' >
64
+ < span className = 'test-file-path' > { test . ___location . file } :{ test . ___location . line } </ span >
65
+ </ Link >
66
+ { imageDiffBadge ( test ) }
67
+ { videoBadge ( test ) }
68
+ < TraceLink test = { test } dim = { true } />
69
+ </ div >
68
70
</ div >
69
71
</ div >
70
72
) }
You can’t perform that action at this time.
0 commit comments