0
0
mirror of https://github.com/PostHog/posthog.git synced 2024-11-24 09:14:46 +01:00
posthog/cypress/integration/dashboard.js
Yakko Majuri 4cb64d0c74
Fix Cypress tests (#1635)
* added timeouts and waits to ensure flow of cypress tests

* removed unused test

* fixed trends elements tests

* testing a longer wait time - temp

* fix trends sessions and retetion filtering tests

* fix events filtering test

* removed wait

* trends sessions fix

* minor update

* fix live actions & sessions

* improve timeouts

* more timouts

* removed some waits

* added timeouts to trends tests

* modify config

* remove test on bug

* removed timeout from events table

* remove dashboards timeout

* change selector for sessions tab

* use data-attr
2020-09-18 09:26:12 -04:00

85 lines
3.4 KiB
JavaScript

describe('Dashboards', () => {
beforeEach(() => {
cy.get('[data-attr=menu-item-dashboards]').click()
cy.location('pathname').should('include', '/dashboard')
})
it('Dashboards loaded', () => {
cy.get('h1').should('contain', 'Dashboards')
})
it('Share dashboard', () => {
cy.get('[data-attr=dashboard-name-0]').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)
})
})
it('Create dashboard', () => {
cy.get('[data-attr="new-dashboard"]').click({ force: true })
cy.get('[data-attr=modal-prompt]').clear().type('Test Dashboard')
cy.contains('OK').click()
cy.contains('Test Dashboard').should('exist')
})
it('Click on a dashboard item dropdown and view graph', () => {
cy.get('[data-attr=dashboard-name-0]').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-0]').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-0]').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-0]').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-0]').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-0]').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')
})
})