mirror of
https://github.com/PostHog/posthog.git
synced 2024-11-24 18:07:17 +01:00
31f3185776
* add test for caching funnels and refreshing * Closes #1020 WIP shared dashboards * Make webpack work * Progress? * Hash the entire filter and add share tokens * Make webpack work properly * Fix sentry error * Tighten up the caching logic * Correctly refresh items and show in frontend' * Add some padding * fix caching, update layout * Add cypress tests * Fix merge conflict mistake * Convert share_token to boolean * Hide text when small * Redo tooltip for lock * Remove move cursor when in shared mode * Improve spacing * Fix state being incorrect * Use selectors instead of value * Use const instead of let * Fix type errors et al * Increase cache size * Fix dashboard tests * Fix team tests * Add wait time * Fix tests * Fix refreshing * Fix dashboard tests * Fix test * Excluded deleted dashboard items and don't show refreshing * Fix renaming issue * Fix migrations and fix display of status change * Use grid for responsive header * Don't load annotations * Eslint * Fix variable naming Co-authored-by: Eric <eeoneric@gmail.com>
85 lines
3.4 KiB
JavaScript
85 lines
3.4 KiB
JavaScript
describe('Dashboards', () => {
|
|
beforeEach(() => {
|
|
cy.get('[data-attr=menu-item-dashboards]').click()
|
|
cy.location('pathname', { timeout: 6000 }).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(500)
|
|
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', '/trends')
|
|
})
|
|
|
|
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')
|
|
})
|
|
})
|