yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-06 03:52:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add event to marketplace page

Browse Source 
Signed-off-by: soupette <cyril@strapi.io>
This commit is contained in:
soupette 2021-11-15 10:12:29 +01:00
parent 91c33b9c8e
commit f2259ee269
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/core/admin/admin/src/pages/MarketplacePage/index.js
View File

@ -1,8 +1,8 @@
import React from 'react'; import React, { useEffect } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import styled from 'styled-components'; import styled from 'styled-components';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { pxToRem, CheckPagePermissions } from '@strapi/helper-plugin'; import { pxToRem, CheckPagePermissions, useTracking } from '@strapi/helper-plugin';
import { Layout, HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; import { Layout, HeaderLayout, ContentLayout } from '@strapi/design-system/Layout';
import { Flex } from '@strapi/design-system/Flex'; import { Flex } from '@strapi/design-system/Flex';
import { Box } from '@strapi/design-system/Box'; import { Box } from '@strapi/design-system/Box';
@ -27,6 +27,11 @@ const StackCentered = styled(Stack)`
const MarketPlacePage = () => { const MarketPlacePage = () => {
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
const { trackUsage } = useTracking();
useEffect(() => {
trackUsage('didGoToMarketplace');
}, [trackUsage]);
return ( return (
<CheckPagePermissions permissions={adminPermissions.marketplace.main}> <CheckPagePermissions permissions={adminPermissions.marketplace.main}>

10
packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js
View File

@ -2,11 +2,13 @@ import React from 'react';
import { render } from '@testing-library/react'; import { render } from '@testing-library/react';
import { IntlProvider } from 'react-intl'; import { IntlProvider } from 'react-intl';
import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { ThemeProvider, lightTheme } from '@strapi/design-system';
import { useTracking } from '@strapi/helper-plugin';
import MarketPlacePage from '../index'; import MarketPlacePage from '../index';
jest.mock('@strapi/helper-plugin', () => ({ jest.mock('@strapi/helper-plugin', () => ({
pxToRem: jest.fn(), pxToRem: jest.fn(),
CheckPagePermissions: ({ children }) => children, CheckPagePermissions: ({ children }) => children,
useTracking: jest.fn(() => ({ trackUsage: jest.fn() })),
})); }));
const App = ( const App = (
@ -440,4 +442,12 @@ describe('Marketplace coming soon', () => {
</div> </div>
`); `);
}); });
it('sends an event when the user enters the marketplace', () => {
const trackUsage = jest.fn();
useTracking.mockImplementation(() => ({ trackUsage }));
render(App);
expect(trackUsage).toHaveBeenCalledWith('didGoToMarketplace');
});
}); });