541fb39a51
Resolves #11318. * Adds `TestConfig.attachments` public API. (We opted to not implement an analog to the async `TestInfo.attach(…)` API.) * Adds `TestConfig.attachments` to common reporters. * Dogfoods some git and CI-info inference to generate useful atttachments * Updates HTML Reporter to include a side bar to present a pre-defined set of attachments (a.k.a git/commit context sidebar) Here's what it looks like: <img width="1738" alt="Screen Shot 2022-03-21 at 3 23 28 PM" src="https://user-images.githubusercontent.com/11915034/159373291-8b937d30-fba3-472a-853a-766018f6b3e2.png"> See `tests/playwright-test/reporter-html.spec.ts` for an example of usage (for dogfood-ing only). In the future, if this becomes user-facing, there the Global Setup bit would likely become unnecessary (as would interaction with attachments array); there would likely just be a nice top-level config and/or CLI flag to enable collecting of info.
90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
/*
|
|
Copyright (c) Microsoft Corporation.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
overscroll-behavior-x: none;
|
|
}
|
|
|
|
body {
|
|
overflow: auto;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.test-file-test:not(:first-child) {
|
|
border-top: 1px solid var(--color-border-default);
|
|
}
|
|
|
|
.htmlreport {
|
|
gap: 24px;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
.htmlreport header {
|
|
width: 300px;
|
|
order: 2;
|
|
}
|
|
|
|
.htmlreport main {
|
|
max-width: 1024px;
|
|
width: 100%;
|
|
order: 1;
|
|
}
|
|
|
|
.metadata-view a {
|
|
color: var(--color-accent-fg);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.metadata-view a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.metadata-view h1 {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 16px;
|
|
margin-top: 0;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.report {
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 900px) {
|
|
.htmlreport {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.htmlreport header {
|
|
order: 1;
|
|
}
|
|
|
|
.htmlreport main {
|
|
order: 2;
|
|
}
|
|
}
|