50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import React from '@wordpress/element';
|
|
import { render } from '@testing-library/react';
|
|
import { brush } from '@wordpress/icons';
|
|
import userEvent from '@testing-library/user-event';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { QuickLink } from '../index';
|
|
|
|
describe( 'QuickLink', () => {
|
|
it( 'renders an title and href based on props passed', () => {
|
|
const { queryByText, queryByRole } = render(
|
|
<QuickLink
|
|
linkType="external"
|
|
title="hello world"
|
|
icon={ brush }
|
|
href="https://example.com"
|
|
/>
|
|
);
|
|
|
|
expect( queryByText( 'hello world' ) ).not.toBeEmptyDOMElement();
|
|
expect( queryByRole( 'link' ) ).toHaveAttribute(
|
|
'href',
|
|
'https://example.com'
|
|
);
|
|
} );
|
|
|
|
it( 'attaches a click handler to the link if it is passed', () => {
|
|
const clickHandler = jest.fn();
|
|
|
|
const { queryByRole } = render(
|
|
<QuickLink
|
|
linkType="external"
|
|
title="hello world"
|
|
icon={ brush }
|
|
href="https://example.com"
|
|
onClick={ clickHandler }
|
|
/>
|
|
);
|
|
|
|
const link = queryByRole( 'link' );
|
|
userEvent.click( link );
|
|
expect( clickHandler ).toHaveBeenCalled();
|
|
} );
|
|
} );
|