Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

support predicates for multi-ID anchors

Browse source
This commit is contained in:
Simon Knott 2024-11-12 10:50:25 +01:00
parent 31bd0757c8
commit 64537813c3
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/html-reporter/src/links.tsx
View file

@ -114,18 +114,22 @@ export function generateTraceUrl(traces: TestAttachment[]) {
const kMissingContentType = 'x-playwright/missing'; const kMissingContentType = 'x-playwright/missing';
export function useAnchor(id: string | undefined, onChange: (isRevealed: boolean) => void) { type AnchorID = string | ((id: string | null) => boolean) | undefined;
export function useAnchor(id: AnchorID, onChange: (isRevealed: boolean) => void) {
React.useEffect(() => { React.useEffect(() => {
const listener = () => { const listener = () => {
const params = new URLSearchParams(window.location.hash.slice(1)); const params = new URLSearchParams(window.location.hash.slice(1));
onChange(params.get('anchor') === id); const anchor = params.get('anchor');
const isRevealed = typeof id === 'function' ? id(anchor) : anchor === id;
onChange(isRevealed);
}; };
window.addEventListener('popstate', listener); window.addEventListener('popstate', listener);
return () => window.removeEventListener('popstate', listener); return () => window.removeEventListener('popstate', listener);
}, [id, onChange]); }, [id, onChange]);
} }
export function Anchor({ id, onChange, children }: React.PropsWithChildren<{ id?: string, onChange?(isRevealed: boolean, ref: HTMLDivElement): void }>) { export function Anchor({ id, onChange, children }: React.PropsWithChildren<{ id: AnchorID, onChange?(isRevealed: boolean, ref: HTMLDivElement): void }>) {
const ref = React.useRef<HTMLDivElement>(null); const ref = React.useRef<HTMLDivElement>(null);
const onAnchorChange = React.useCallback((isRevealed: boolean) => { const onAnchorChange = React.useCallback((isRevealed: boolean) => {
if (!ref.current) if (!ref.current)