0
0
mirror of https://github.com/PostHog/posthog.git synced 2024-11-28 17:54:41 +01:00
posthog/cypress/integration/insights.js
Li Yi Yu 64afebd643
Insight tags and description (#5480)
* pull description into its own reuseable component

* working object tags for insights

* refactor editing toast and add insight description editing

* insight name editing and split up huge insights component

* fix toast bug

* typing

* test fixes and clean up

* test something

* add cypress tests

* bug fixes

* test with user logic dashboard collab instead

* history is now a link button

* hide under saved insights feature flag

* skip tests for now

* prettier

Co-authored-by: Paolo D'Amico <paolodamico@users.noreply.github.com>
2021-08-12 17:55:11 -04:00

59 lines
2.7 KiB
JavaScript

// For tests related to trends please check trendsElements.js
describe('Insights', () => {
beforeEach(() => {
cy.visit('/insights')
})
it('Opens insight with short URL', () => {
cy.visit('/i/TEST1234') // Insight `TEST1234` is created in demo data (revenue_data_generator.py)
cy.location('pathname').should('eq', '/insights') // User is taken to the insights page
cy.get('[data-attr=trend-element-subject-0]').contains('Entered Free Trial').should('exist') // Funnel is properly loaded
cy.get('[data-attr=trend-element-subject-1]').contains('Purchase').should('exist')
cy.get('[data-attr=funnel-bar-graph]').should('exist')
})
it('Shows not found error with invalid short URL', () => {
cy.visit('/i/i_dont_exist')
cy.location('pathname').should('eq', '/i/i_dont_exist')
cy.get('h1.page-title').contains('Insight not found').should('exist')
cy.get('.not-found-component').get('.graphic').should('exist')
})
it('Stickiness graph', () => {
cy.get('.ant-tabs-tab').contains('Stickiness').click()
cy.get('[data-attr=add-action-event-button]').click()
cy.get('[data-attr=trend-element-subject-1]').should('exist')
cy.get('[data-attr=trend-line-graph]').should('exist')
cy.get('[data-attr=add-breakdown-button]').should('not.exist') // Can't do breakdown on this graph
})
it('Lifecycle graph', () => {
cy.get('[data-attr=trend-line-graph]').should('exist') // Wait until components are loaded
cy.get('body').type('l') // Tab is cut off on narrow screens; plus we test hotkeys too
cy.get('h4').contains('Lifecycle Toggles').should('exist')
cy.get('[data-attr=trend-line-graph]').should('exist')
cy.get('[data-attr=add-breakdown-button]').should('not.exist') // Can't do breakdown on this graph
cy.get('[data-attr=add-action-event-button]').should('not.exist') // Can't add multiple series
})
it('Loads default filters correctly', () => {
cy.visit('/events') // Test that default params are set correctly even if the app doesn't start on insights
cy.reload()
cy.clickNavMenu('insights')
cy.get('[data-attr=trend-element-subject-0] span').should('contain', 'Pageview')
cy.get('[data-attr=trend-line-graph]').should('exist')
cy.contains('Add graph series').click()
cy.get('[data-attr=trend-element-subject-1]').should('exist')
cy.get('[data-attr=trend-line-graph]').should('exist')
})
xit('Cannot see tags or description (non-FOSS feature)', () => {
cy.get('h1').should('contain', 'Insights')
cy.get('.insight-description').should('not.exist')
cy.get('[data-attr=insight-tags]').should('not.exist')
})
})