back-to-top.test.tsx « buttons « molecules « components « src - www.armandphilippot.com

path: root/src/components/molecules/buttons/back-to-top.test.tsx

pre { line-height: 125%; } td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } .highlight .hll { background-color: #ffffcc } .highlight .c { color: #888888 } /* Comment */ .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */

import { render, screen } from '@test-utils';
import BackToTop from './back-to-top';

describe('BackToTop', () => {
  it('renders a BackToTop link', () => {
    render(<BackToTop target="top" />);
    expect(screen.getByRole('link')).toHaveAccessibleName('Back to top');
    expect(screen.getByRole('link')).toHaveAttribute('href', '/#top');
  });
});