mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
f375362894
* Always use mockable location methods * Add eslint rules for window.location calls/assignment * Add useLocation hook * Update tests GitOrigin-RevId: eafb846db89f884a7a9a8570cce7745be605152c
62 lines
2 KiB
TypeScript
62 lines
2 KiB
TypeScript
import { expect } from 'chai'
|
|
import sinon from 'sinon'
|
|
import { fireEvent, render, screen, within } from '@testing-library/react'
|
|
import * as eventTracking from '../../../../../../frontend/js/infrastructure/event-tracking'
|
|
import PremiumFeaturesLink from '../../../../../../frontend/js/features/subscription/components/dashboard/premium-features-link'
|
|
import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
|
|
|
|
describe('<PremiumFeaturesLink />', function () {
|
|
const originalLocation = window.location
|
|
|
|
let sendMBSpy: sinon.SinonSpy
|
|
|
|
const variants = [
|
|
{ name: 'default', link: '/learn/how-to/Overleaf_premium_features' },
|
|
{ name: 'new', link: '/about/features-overview' },
|
|
]
|
|
|
|
beforeEach(function () {
|
|
window.metaAttributesCache = new Map()
|
|
sendMBSpy = sinon.spy(eventTracking, 'sendMB')
|
|
this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
|
|
assign: sinon.stub(),
|
|
reload: sinon.stub(),
|
|
})
|
|
})
|
|
|
|
afterEach(function () {
|
|
window.metaAttributesCache = new Map()
|
|
sendMBSpy.restore()
|
|
this.locationStub.restore()
|
|
})
|
|
|
|
for (const variant of variants) {
|
|
describe(`${variant.name} variant`, function () {
|
|
beforeEach(function () {
|
|
window.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'features-page': variant.name,
|
|
})
|
|
})
|
|
afterEach(function () {
|
|
window.metaAttributesCache.delete('ol-splitTestVariants')
|
|
})
|
|
|
|
it('renders the premium features link and sends analytics event', function () {
|
|
render(<PremiumFeaturesLink />)
|
|
const premiumText = screen.getByText('Get the most out of your', {
|
|
exact: false,
|
|
})
|
|
const link = within(premiumText).getByRole('link')
|
|
|
|
fireEvent.click(link)
|
|
|
|
expect(sendMBSpy).to.be.calledOnce
|
|
expect(sendMBSpy).calledWith('features-page-link', {
|
|
splitTest: 'features-page',
|
|
splitTestVariant: variant.name,
|
|
page: originalLocation.pathname,
|
|
})
|
|
})
|
|
})
|
|
}
|
|
})
|