mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-14 20:40:17 -05:00
283c1d7282
[cypress] Set/reset window.metaAttributesCache globally GitOrigin-RevId: 5aa1d5e37780b53f6ddf7d34587e2119ba328003
224 lines
5.7 KiB
TypeScript
224 lines
5.7 KiB
TypeScript
import SplitTestBadge from '../../../../frontend/js/shared/components/split-test-badge'
|
|
import { EditorProviders } from '../../helpers/editor-providers'
|
|
|
|
describe('split test badge', function () {
|
|
it('renders an alpha badge with the url and tooltip text', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'active',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'alpha',
|
|
badgeInfo: {
|
|
url: '/alpha/participate',
|
|
tooltipText: 'This is an alpha feature',
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('a.badge.alpha-badge[href="/alpha/participate"]').contains(
|
|
'This is an alpha feature'
|
|
)
|
|
})
|
|
|
|
it('does not render the alpha badge when user is not assigned to the variant', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'default',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'alpha',
|
|
badgeInfo: {
|
|
url: '/alpha/participate',
|
|
tooltipText: 'This is an alpha feature',
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('.badge').should('not.exist')
|
|
})
|
|
|
|
it('renders a beta badge with the url and tooltip text', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'active',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'beta',
|
|
badgeInfo: {
|
|
url: '/beta/participate',
|
|
tooltipText: 'This is a beta feature',
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('a.badge.beta-badge[href="/beta/participate"]').contains(
|
|
'This is a beta feature'
|
|
)
|
|
})
|
|
|
|
it('does not render the beta badge when user is not assigned to the variant', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'default',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'beta',
|
|
badgeInfo: {
|
|
url: '/beta/participate',
|
|
tooltipText: 'This is a beta feature',
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('.badge').should('not.exist')
|
|
})
|
|
|
|
it('renders an info badge with the url and tooltip text', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'active',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'release',
|
|
badgeInfo: {
|
|
url: '/feedback/form',
|
|
tooltipText: 'This is a new feature',
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('a.badge.info-badge[href="/feedback/form"]').contains(
|
|
'This is a new feature'
|
|
)
|
|
})
|
|
|
|
it('does not render the info badge when user is not assigned to the variant', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'default',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'release',
|
|
badgeInfo: {
|
|
url: '/feedback/form',
|
|
tooltipText: 'This is a new feature',
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('.badge').should('not.exist')
|
|
})
|
|
|
|
it('does not render the badge when no split test info is available', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'active',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('.badge').should('not.exist')
|
|
})
|
|
|
|
it('default badge url and text are used when not provided', function () {
|
|
cy.window().then(win => {
|
|
win.metaAttributesCache.set('ol-splitTestVariants', {
|
|
'cypress-test': 'active',
|
|
})
|
|
win.metaAttributesCache.set('ol-splitTestInfo', {
|
|
'cypress-test': {
|
|
phase: 'release',
|
|
},
|
|
})
|
|
})
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<SplitTestBadge
|
|
splitTestName="cypress-test"
|
|
displayOnVariants={['active']}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.get('a.badge.info-badge[href="/beta/participate"]')
|
|
.contains('We are testing this new feature.')
|
|
.contains('Click to give feedback')
|
|
})
|
|
})
|