0
0
mirror of https://github.com/PostHog/posthog.git synced 2024-11-24 18:07:17 +01:00
posthog/cypress/e2e/actions.cy.ts
Paul D'Ambra ecdfaced7b
feat: allow new insight type choice from sidebar (#14759)
* feat: allow new insight type choice from sidebar

* update e2e test

* add more e2e test fixes

* Update frontend/src/layout/navigation/SideBar/SideBar.tsx

Co-authored-by: Michael Matloka <dev@twixes.com>

* a plus and a width

* allow passing in max width to popover

* Revert "allow passing in max width to popover"

This reverts commit 415a751f71.

* third-ish times the charm

* Use a more concise tooltip

The tooltip basically functions as a on-hover label here, so using the same text as on the saved insights page, where it says "New insight".

* Update UI snapshots for `webkit` (2)

* Update UI snapshots for `webkit` (2)

---------

Co-authored-by: Michael Matloka <dev@twixes.com>
Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
2023-03-16 13:56:22 +00:00

61 lines
2.2 KiB
TypeScript

const createAction = (actionName: string): void => {
cy.get('[data-attr=create-action]').click()
cy.get('.LemonButton').should('contain', 'From event or pageview')
cy.get('[data-attr=new-action-pageview]').click()
cy.get('[data-attr=action-name-create]').should('exist')
cy.get('[data-attr=action-name-create]').type(actionName)
cy.get('.ant-radio-group > :nth-child(3)').click()
cy.get('[data-attr=edit-action-url-input]').click().type(Cypress.config().baseUrl)
cy.get('[data-attr=save-action-button]').click()
cy.contains('Action saved').should('exist')
}
function navigateToActionsTab(): void {
cy.clickNavMenu('datamanagement')
cy.get('[data-attr=data-management-actions-tab]').click()
}
describe('Action Events', () => {
let actionName
beforeEach(() => {
navigateToActionsTab()
actionName = Cypress._.random(0, 1e6)
})
it('Create action event', () => {
createAction(actionName)
// Test the action is immediately available
cy.clickNavMenu('insight')
cy.get('[data-attr="sidebar-new-insights-overlay"][data-attr-insight-type="TRENDS"]').click()
cy.contains('Add graph series').click()
cy.get('[data-attr=taxonomic-filter-searchfield]').type(actionName)
cy.get('[data-attr=taxonomic-tab-actions]').click()
cy.get('[data-attr=prop-filter-actions-0]').click()
cy.get('[data-attr=trend-element-subject-1] span').should('contain', actionName)
})
it('Notifies when an action event with this name already exists', () => {
createAction(actionName)
navigateToActionsTab()
createAction(actionName)
// Oh noes, there already is an action with name `actionName`
cy.contains('Action with this name already exists').should('exist')
// Let's see it
cy.contains('Click here to edit').click()
// We should now be seeing the action from "Create action"
cy.get('[data-attr=edit-action-url-input]').should('have.value', Cypress.config().baseUrl)
})
it('Click on an action', () => {
cy.get('[data-attr=actions-table]').should('exist')
cy.get('[data-attr=action-link-0]').click()
cy.get('[data-attr=action-name-edit]').should('exist')
})
})