136 lines
3.3 KiB
JavaScript
136 lines
3.3 KiB
JavaScript
jest.mock( '@woocommerce/tracks', () => ( {
|
|
...jest.requireActual( '@woocommerce/tracks' ),
|
|
recordEvent: jest.fn(),
|
|
} ) );
|
|
|
|
jest.mock( '@woocommerce/settings', () => ( {
|
|
...jest.requireActual( '@woocommerce/settings' ),
|
|
getSetting: jest.fn( () => 'https://fake-site-url.com' ),
|
|
} ) );
|
|
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
import { recordEvent } from '@woocommerce/tracks';
|
|
import { render } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { createElement } from '@wordpress/element';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import {
|
|
StoreManagementLinks,
|
|
getLinkTypeAndHref,
|
|
getItemsByCategory,
|
|
generateExtensionLinks,
|
|
} from '..';
|
|
|
|
describe( 'getLinkTypeAndHref', () => {
|
|
it( 'generates the correct link for wc-admin links', () => {
|
|
const result = getLinkTypeAndHref( {
|
|
type: 'wc-admin',
|
|
path: 'foo/bar',
|
|
} );
|
|
|
|
expect( result.linkType ).toEqual( 'wc-admin' );
|
|
expect( result.href ).toEqual(
|
|
'admin.php?page=wc-admin&path=%2Ffoo/bar'
|
|
);
|
|
} );
|
|
|
|
it( 'generates the correct link for wp-admin links', () => {
|
|
const result = getLinkTypeAndHref( {
|
|
type: 'wp-admin',
|
|
path: '/foo/bar',
|
|
} );
|
|
|
|
expect( result.linkType ).toEqual( 'wp-admin' );
|
|
expect( result.href ).toEqual( '/foo/bar' );
|
|
} );
|
|
|
|
it( 'generates the correct link for wc-settings links', () => {
|
|
const result = getLinkTypeAndHref( {
|
|
type: 'wc-settings',
|
|
tab: 'foo',
|
|
} );
|
|
|
|
expect( result.linkType ).toEqual( 'wp-admin' );
|
|
expect( result.href ).toEqual( 'admin.php?page=wc-settings&tab=foo' );
|
|
} );
|
|
|
|
it( 'generates the an external link if there is no provided type', () => {
|
|
const result = getLinkTypeAndHref( {
|
|
href: 'http://example.com',
|
|
} );
|
|
|
|
expect( result.linkType ).toEqual( 'external' );
|
|
expect( result.href ).toEqual( 'http://example.com' );
|
|
} );
|
|
} );
|
|
|
|
describe( 'StoreManagementLinks', () => {
|
|
it( 'records a track when a link is clicked', () => {
|
|
const { queryByText } = render( <StoreManagementLinks /> );
|
|
const linkDetails = getItemsByCategory( 'fakeUrl' )[ 0 ].items[ 0 ];
|
|
|
|
userEvent.click( queryByText( linkDetails.title ) );
|
|
|
|
expect( recordEvent ).toHaveBeenCalledWith( 'home_quick_links_click', {
|
|
task_name: linkDetails.listItemTag,
|
|
} );
|
|
} );
|
|
} );
|
|
|
|
describe( 'generateExtensionLinks', () => {
|
|
it( 'filters out external links', () => {
|
|
expect(
|
|
generateExtensionLinks( [
|
|
{
|
|
href: 'https://example.com',
|
|
title: 'external link',
|
|
icon: <div>hi</div>,
|
|
},
|
|
] )
|
|
).toEqual( [] );
|
|
} );
|
|
|
|
it( 'generates a valid link for relative links', () => {
|
|
const validFullUrl = {
|
|
href: 'http://localhost/foo/bar',
|
|
title: 'external link',
|
|
icon: <div>hi</div>,
|
|
};
|
|
|
|
const validRelativeUrl = {
|
|
href: '/foo/bar',
|
|
title: 'external link',
|
|
icon: <div>hi</div>,
|
|
};
|
|
|
|
expect( generateExtensionLinks( [ validFullUrl ] ) ).toEqual( [
|
|
{
|
|
icon: validFullUrl.icon,
|
|
link: {
|
|
href: validFullUrl.href,
|
|
linkType: 'wp-admin',
|
|
},
|
|
title: validFullUrl.title,
|
|
listItemTag: 'quick-links-extension-link',
|
|
},
|
|
] );
|
|
|
|
expect( generateExtensionLinks( [ validRelativeUrl ] ) ).toEqual( [
|
|
{
|
|
icon: validRelativeUrl.icon,
|
|
link: {
|
|
href: validRelativeUrl.href,
|
|
linkType: 'wp-admin',
|
|
},
|
|
title: validRelativeUrl.title,
|
|
listItemTag: 'quick-links-extension-link',
|
|
},
|
|
] );
|
|
} );
|
|
} );
|