overleaf/services/web/test/frontend/components/shared/start-free-trial-button.spec.tsx
Alexandre Bourdin 4f340b0ed7 Merge pull request #8894 from overleaf/ab-cleanup-start-free-trial-button
[web] Cleanup StartFreeTrialButton component

GitOrigin-RevId: 67538882ff5a3389d2134ec6e4833431aa43f8e6
2022-07-26 08:04:21 +00:00

90 lines
2.5 KiB
TypeScript

import StartFreeTrialButton from '../../../../frontend/js/shared/components/start-free-trial-button'
describe('start free trial button', function () {
beforeEach(function () {
cy.intercept('POST', '/event/paywall-prompt', {
statusCode: 204,
}).as('event-paywall-prompt')
cy.intercept('POST', '/event/paywall-click', {
statusCode: 204,
}).as('event-paywall-click')
})
it('renders the button with default text', function () {
cy.mount(<StartFreeTrialButton source="cypress-test" />)
cy.wait('@event-paywall-prompt')
.its('request.body.paywall-type')
.should('eq', 'cypress-test')
cy.get('button').contains('Start Free Trial!')
})
it('renders the button with custom text', function () {
cy.mount(
<StartFreeTrialButton source="cypress-test">
Some Custom Text
</StartFreeTrialButton>
)
cy.wait('@event-paywall-prompt')
.its('request.body.paywall-type')
.should('eq', 'cypress-test')
cy.get('button').contains('Some Custom Text')
})
it('renders the button with styled button', function () {
cy.mount(
<StartFreeTrialButton
source="cypress-test"
buttonProps={{ bsStyle: 'danger', bsSize: 'lg' }}
/>
)
cy.wait('@event-paywall-prompt')
cy.get('button.btn.btn-danger.btn-lg').contains('Start Free Trial!')
})
it('renders the button with custom class', function () {
cy.mount(
<StartFreeTrialButton
source="cypress-test"
buttonProps={{ className: 'ct-test-class' }}
/>
)
cy.wait('@event-paywall-prompt')
.its('request.body.paywall-type')
.should('eq', 'cypress-test')
cy.get('.ct-test-class').contains('Start Free Trial!')
})
it('calls onClick callback and opens a new tab to the subscription page on click', function () {
const onClickStub = cy.stub()
cy.mount(
<StartFreeTrialButton source="cypress-test" handleClick={onClickStub} />
)
cy.wait('@event-paywall-prompt')
cy.window().then(win => {
cy.stub(win, 'open').as('Open')
})
cy.get('button.btn')
.contains('Start Free Trial!')
.click()
.then(() => {
cy.wait('@event-paywall-click')
.its('request.body.paywall-type')
.should('eq', 'cypress-test')
cy.get('@Open').should(
'have.been.calledOnceWithExactly',
'/user/subscription/new?planCode=collaborator_free_trial_7_days&ssp=true&itm_campaign=cypress-test'
)
expect(onClickStub).to.be.called
})
})
})