-
Notifications
You must be signed in to change notification settings - Fork 3.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Copy annotation text in HTML report #30749
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -25,6 +25,7 @@ import './testCaseView.css'; | |
import { TestResultView } from './testResultView'; | ||
import { hashStringToInt } from './labelUtils'; | ||
import { msToString } from './uiUtils'; | ||
import { CopyToClipboard } from './copyToClipboard'; | ||
|
||
export const TestCaseView: React.FC<{ | ||
projectNames: string[], | ||
|
@@ -68,15 +69,16 @@ function renderAnnotationDescription(description: string) { | |
try { | ||
if (['http:', 'https:'].includes(new URL(description).protocol)) | ||
return <a href={description} target='_blank' rel='noopener noreferrer'>{description}</a>; | ||
} catch {} | ||
} catch { } | ||
return description; | ||
} | ||
|
||
function TestCaseAnnotationView({ annotation: { type, description } }: { annotation: TestCaseAnnotation }) { | ||
return ( | ||
<div className='test-case-annotation'> | ||
<span style={{ fontWeight: 'bold' }}>{type}</span> | ||
<span style={{ fontWeight: 'bold', display: 'inline-block', marginBlock: '3px' }}>{type}</span> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. display: 'inline-block' - what else would this span be? There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. By default without-display-property.mp4with-display-property.mp4There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I was hoping it would go away with the container approach. |
||
{description && <span>: {renderAnnotationDescription(description)}</span>} | ||
<span className='annotation-copy-button'>{description && <CopyToClipboard value={description} />}</span> | ||
</div> | ||
); | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sounds like you would need this dance for every copy button application. Would it be possible to do something like this to encapsulate these styles:
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not every copy button , just for this annotation copy button . We want to display the copy button only when we hover over the text . Could you please help me with how your approach would help in this use case ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The CopyToClipboardContainer container would position the copy button after its children and make it visible upon hover.