0
0
mirror of https://github.com/PostHog/posthog.git synced 2024-12-01 04:12:23 +01:00
posthog/cypress/integration/insights.js
Marius Andra fbba78718c
Insight URL cleanup (#7201)
* insight route refactor, part 1

* add fromItem to get redirects

* fix some tests

* adjust many more paths

* fix test

* move new insight creation into insight logic

* fix a noisy test

* simplify one test

* open the url with the right filters

* null fix

* fix some more noisy tests

* move saved insights to `/insights`, fix logic tests

* fix cypress urls

* fix some tests

* fix even more insight urls

* wait a bit longer

* add old saved_insights redirect

* this might not be there yet

* rename newInsight -> insightNew

* rename Scene.Insights -> Scene.Insight

* also redirect old searches without fromItem

* fix link

* fix TS merge bugs

* fix import

* fix imports

* fix tests

* fix test

* Run prettier

* fix changes after merge

* switch to a simpler scene

* fix another test

* fix "save as" reset

* rerun tests

* Insight Short URLs (#7259)

* convert a bunch of things to user short_id instead of id

* fix more TS errors

* fix test

* fix jest tests

* various fixes

* add wise words

* type InsightShortId-s to make life easier

* reduce a bit of test noise

* use the InsightShortId in the URL

* fix type

* fix test

* fix insight url preloading

* pass dive dashboards as having insight short ids

* fix short url redirect

* mock scenelogic api

* better types and tests

* type fixes

* fix bug of linking to ourselves

* add back "id"

* get rid of some "getInsightId" calls

* two more

* few more

* refactor last usage of getInsightId

* move files around and improve errors

* make it simpler

* small fixes

* redirect to new url from old hashParam=42

* fix regression

* alert the user if we could not find an insight with the old ID format

* switch to a simpler scene

* fix another test

* Fix annotation creation

* Make short ID friendlier

* remove comments

* simplify insight links from dashboards and saved insights

* remove insight router

* fix TS

* Revert "remove insight router"

This reverts commit e52f474949.

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

Co-authored-by: Michael Matloka <dev@twixes.com>
2021-11-25 15:39:49 +01:00

93 lines
4.3 KiB
JavaScript

import { urls } from 'scenes/urls'
// For tests related to trends please check trendsElements.js
describe('Insights', () => {
beforeEach(() => {
cy.visit(urls.insightNew())
})
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/TEST1234') // User is taken to the insights page
cy.get('[data-attr=insight-edit-button]').click()
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('Create new insight and save copy', () => {
cy.visit('/saved_insights')
cy.get('[data-attr=saved-insights-new-insight-dropdown]').click()
cy.get('[data-attr-insight-type="TRENDS"').click()
// apply filter
cy.get('[data-attr=new-prop-filter-trends-filters]').click()
cy.get('[data-attr=taxonomic-filter-searchfield]').click()
cy.get('[data-attr=prop-filter-event_properties-1]').click({ force: true })
cy.get('[data-attr=prop-val]').click()
cy.get('[data-attr=prop-val-0]').click({ force: true })
// Save
cy.get('[data-attr="insight-save-button"]').click()
cy.get('[data-attr="insight-edit-button"]').click()
// Save and continue editing
cy.get('[data-attr="insight-save-dropdown"]').click()
cy.get('[data-attr="insight-save-and-continue"]').click()
cy.get('[data-attr="add-action-event-button"]').should('exist')
// Add another graph series, and save as new insight
cy.get('[data-attr="add-action-event-button"]').click()
cy.get('[data-attr="insight-save-dropdown"]').click()
cy.get('[data-attr="insight-save-as-new-insight"]').click()
cy.get('.ant-modal .ant-btn-primary').click()
cy.get('[data-attr="insight-name"').contains('(copy)').should('exist')
// Check we're in edit mode
cy.get('[data-attr="insight-save-button"]').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('insight')
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')
})
})