mirror of
https://github.com/PostHog/posthog.git
synced 2024-12-01 12:21:02 +01:00
ef2b6acda0
* simplify cypress nav menu clicks * clean unused annotations code * don't blank all cohorts when deleting one * add data-test-filters-loading to better target loading indicators in tests
125 lines
5.5 KiB
JavaScript
125 lines
5.5 KiB
JavaScript
describe('Dashboard', () => {
|
|
beforeEach(() => {
|
|
cy.clickNavMenu('dashboards')
|
|
cy.location('pathname').should('include', '/dashboard')
|
|
})
|
|
|
|
it('Dashboards loaded', () => {
|
|
cy.get('h1').should('contain', 'Dashboards')
|
|
})
|
|
|
|
it('Cannot see tags or description (non-FOSS feature)', () => {
|
|
cy.get('h1').should('contain', 'Dashboards')
|
|
cy.get('th.ant-table-cell').contains('Description').should('not.exist')
|
|
cy.get('th.ant-table-cell').contains('Tags').should('not.exist')
|
|
|
|
cy.get('[data-attr=dashboard-name]').contains('My App Dashboard').click()
|
|
cy.get('[data-attr=dashboard-item-0]').should('exist')
|
|
cy.get('.dashboard-description').should('not.exist')
|
|
cy.get('[data-attr=dashboard-tags]').should('not.exist')
|
|
})
|
|
|
|
it('Pinned dashboards on menu', () => {
|
|
cy.clickNavMenu('events') // to make sure the dashboards menu item is not the active one
|
|
cy.get('[data-attr=menu-item-dashboards]').trigger('mouseover') // hover over dashboards menu item
|
|
cy.get('.pinned-dashboards').should('be.visible')
|
|
cy.get('[data-attr=menu-item-dashboard-0]').should('be.visible')
|
|
})
|
|
|
|
it('Share dashboard', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('My App Dashboard').click()
|
|
cy.get('[data-attr=dashboard-item-0]').should('exist')
|
|
|
|
cy.get('[data-attr=dashboard-share-button]').click()
|
|
cy.get('[data-attr=share-dashboard-switch]').click()
|
|
cy.get('[data-attr=share-dashboard-link]')
|
|
.invoke('val')
|
|
.then((link) => {
|
|
cy.wait(200)
|
|
cy.visit(link)
|
|
cy.get('[data-attr=dashboard-item-title]').should('contain', 'Daily Active Users')
|
|
})
|
|
})
|
|
|
|
it('Create an empty dashboard', () => {
|
|
cy.get('[data-attr="new-dashboard"]').click()
|
|
cy.get('[data-attr=dashboard-name-input]').clear().type('New Dashboard')
|
|
cy.get('button').contains('Create').click()
|
|
|
|
cy.contains('New Dashboard').should('exist')
|
|
cy.get('.empty-state').should('exist')
|
|
})
|
|
|
|
it('Create dashboard from a template', () => {
|
|
cy.get('[data-attr="new-dashboard"]').click()
|
|
cy.get('[data-attr=dashboard-name-input]').clear().type('XDefault')
|
|
cy.get('[data-attr=copy-from-template]').click()
|
|
cy.get('[data-attr=dashboard-select-default-app]').click()
|
|
|
|
cy.get('button').contains('Create').click()
|
|
|
|
cy.contains('XDefault').should('exist')
|
|
cy.get('.dashboard-item').its('length').should('be.gte', 2)
|
|
})
|
|
|
|
it('Click on a dashboard item dropdown and view graph', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('Web Analytics').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown]').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown-view]').click()
|
|
cy.location('pathname').should('include', '/insights')
|
|
})
|
|
|
|
it('Rename dashboard item', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('Web Analytics').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown]').click()
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-rename"]').click({ force: true })
|
|
|
|
cy.get('[data-attr=modal-prompt]').clear().type('Test Name')
|
|
cy.contains('OK').click()
|
|
cy.contains('Test Name').should('exist')
|
|
})
|
|
|
|
it('Color dashboard item', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('Web Analytics').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown]').click()
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-color"]').trigger('mouseover')
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-color-1"]').click({ force: true })
|
|
cy.get('[data-attr="dashboard-item-0"]').should(
|
|
'have.css',
|
|
'background',
|
|
'rgb(38, 98, 166) none repeat scroll 0% 0% / auto padding-box border-box'
|
|
) //hard coded to the blue that's set
|
|
})
|
|
|
|
it('Copy dashboard item', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('Web Analytics').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown]').click()
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-copy"]').trigger('mouseover')
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-copy-0"]').click({ force: true })
|
|
cy.get('[data-attr=success-toast]').should('exist')
|
|
})
|
|
|
|
it('Duplicate dashboard item', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('Web Analytics').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown]').click()
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-duplicate"]').click({ force: true })
|
|
cy.get('[data-attr=success-toast]').should('exist')
|
|
})
|
|
|
|
it('Move dashboard item', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('Web Analytics').click()
|
|
cy.get('[data-attr=dashboard-item-0-dropdown]').click()
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-move"]').trigger('mouseover')
|
|
cy.get('[data-attr="dashboard-item-0-dropdown-move-0"]').click({ force: true })
|
|
cy.get('[data-attr=success-toast]').should('exist')
|
|
})
|
|
|
|
it('Opens dashboard item in insights', () => {
|
|
cy.get('[data-attr=dashboard-name]').contains('My App Dashboard').click()
|
|
cy.get('[data-attr=dashboard-item-0] .dashboard-item-title a').click()
|
|
cy.location('pathname').should('include', '/insights')
|
|
cy.get('[data-attr=math-selector-0]').contains('Unique users').should('exist')
|
|
cy.get('[data-attr=trend-line-graph]').should('exist')
|
|
})
|
|
})
|