githubFeedbackTooltip.spec.tsx 878 B

123456789101112131415161718192021222324252627
  1. import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
  2. import {GithubFeedbackTooltip} from 'sentry/components/githubFeedbackTooltip';
  3. describe('GithubFeedbackTooltip', function () {
  4. it('renders', async function () {
  5. render(
  6. <GithubFeedbackTooltip
  7. title="My custom title text"
  8. href="https://example.com/my-test-url"
  9. >
  10. <span data-test-id="anchor" />
  11. </GithubFeedbackTooltip>
  12. );
  13. const anchor = screen.getByTestId('anchor');
  14. await userEvent.hover(anchor);
  15. // Renders custom title text
  16. expect(await screen.findByText('My custom title text')).toBeInTheDocument();
  17. // Renders link with given href
  18. const link = screen.getByRole<HTMLAnchorElement>('link', {name: 'GitHub'});
  19. expect(link).toBeInTheDocument();
  20. expect(link.href).toBe('https://example.com/my-test-url');
  21. });
  22. });