playwright/tests/components/ct-react/src/DelayedData.tsx
Ross Wollman 0c9e0d22df
fix(ct): preserve context changes (#13986)
1. add test (and fix) using context fixture with mount
2. add test for innerText that was failing prior to https://github.com/microsoft/playwright/pull/14008
2022-05-10 11:45:47 -07:00

15 lines
352 B
TypeScript

import React, { useEffect, useState } from 'react';
export const DelayedData: React.FC<{ data: string }> = ({ data }) => {
const [status, setStatus] = useState('loading');
useEffect(() => {
const timeout = setTimeout(() => setStatus(data), 500);
return () => {
clearTimeout(timeout);
}
}, [data])
return <p>{status}</p>
};