odhin-reports-playwright/lib/html/testCaseDetails.html

Odhin Reports for Playwright

<div
			class="modal fade"
			id="{{.ModalID}}"
			tabindex="-1"
			aria-labelledby="{{.ModalID}}Label"
			aria-hidden="true"
		>
			<div class="modal-dialog modal-fullscreen modal-dialog-scrollable">
				<div class="modal-content">
					<div class="modal-header result-header">

						<div class="header-col-left">
							<span class="modal-title fs-5" id="{{.ModalID}}Label">
								<label class="text-capitalize {{.ModalHeaderClassesCss}}">{{.ModalHeaderStatus}}</label>
							</span>
						</div>
						<div class="header-col-center">
							{{.Title}}
						</div>
						<div class="header-col-right">
							<span
								type="button"
								class="close-btn"
								data-bs-dismiss="modal"
								aria-label="Close"
								onclick="showHideScroll('show')"
								>X</span>
						</div>						
						
					</div>
					<div class="modal-header result-tab-header">
						<div class="tab">
							<button class="result-tablinks-{{.ModalID}} active" onclick="openResultTab(event, 'TabRunInfo-{{.ModalID}}', '{{.ModalID}}')">
								Info
							</button>
							<button class="result-tablinks-{{.ModalID}}" onclick="openResultTab(event, 'TabSteps-{{.ModalID}}', '{{.ModalID}}')">
								Steps
							</button>
							{{.ErrorsTabButton}}
							{{.ScreenshotsTabButton}}
							{{.VideosTabButton}}
							{{.TraceTabButton}}
							{{.StdoutTabButton}} 
							{{.StderrTabButton}}
						</div>
					</div>
					<div class="modal-body odhin-bg-2">
						<div id="TabRunInfo-{{.ModalID}}" style="display: block" class="result-tabcontent result-tabcontent-{{.ModalID}}">
							<div class="container-fluid">
								<div class="row m-0 p-0">
									<div class="col m-0 p-0">
										<div class="table-responsive">
											<table
												class="table table-sm mb-0 testcase-run-info-table"
											>
												<tr>
													<th class="odhin-text-2">Run Info</th>
													<td
														class="text-secondary-emphasis fst-italic"
													>
														
													</td>
												</tr>
												<tr>
													<th class="odhin-text-2 fst-italic">Project</th>
													<td
														class="text-secondary-emphasis fst-italic"
													>
														{{.InfoProject}}
													</td>
												</tr>
												<tr>
													<th class="odhin-text-2">
														Execution Start Time
													</th>
													<td
														class="text-secondary-emphasis fst-italic"
													>
														{{.InfoStartTime}}
													</td>
												</tr>
												<tr>
													<th class="odhin-text-2">
														Total Execution Time
													</th>
													<td
														class="text-secondary-emphasis fst-italic"
													>
														{{.InfoTotalExecutionTime}}
													</td>
												</tr>
												{{.InfoRetry}}
												<tr>
													<th class="odhin-text-2 info-tr-space">Test Info</th>
													<td class="text-secondary-emphasis fst-italic info-tr-space" ></td>
												</tr>
												{{.Group}}
												<tr>
													<th class="odhin-text-2">Filename</th>
													<td
														class="text-secondary-emphasis fst-italic"
													>
														{{.InfoFilename}}
													</td>
												</tr>
												{{.InfoTags}}
												{{.InfoAnnotations}}
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div id="TabSteps-{{.ModalID}}" style="display: none" class="result-tabcontent result-tabcontent-{{.ModalID}}">
							{{.Steps}}
						</div>
						{{.Errors}}
						{{.Screenshots}}
						{{.Videos}}
						{{.Trace}}
						{{.Stdout}} 
						{{.Stderr}}
					</div>
				</div>
			</div>
		</div>