console.log('reload') }} play={async ({ canvas }) => { const title = canvas.getByText('Update available'); await expect(title).toBeInTheDocument(); const description = canvas.getByText(/A new version is available/); await expect(description).toBeInTheDocument(); const button = canvas.getByRole('button', { name: 'Reload' }); await expect(button).toBeInTheDocument(); }} /> console.log('reload') }} play={async ({ canvas }) => { const title = canvas.queryByText('Update available'); await expect(title).not.toBeInTheDocument(); }} /> console.log('reload') }} play={async ({ canvas, userEvent }) => { const button = canvas.getByRole('button', { name: 'Reload' }); await expect(button).toBeInTheDocument(); await userEvent.click(button); const title = canvas.queryByText('Update available'); await expect(title).not.toBeInTheDocument(); const reloadBtn = canvas.queryByRole('button', { name: 'Reload' }); await expect(reloadBtn).not.toBeInTheDocument(); }} />