describe('Cohorts', () => {
    beforeEach(() => {
        cy.get('[data-attr=menu-item-people]').click()
        cy.get('[data-attr=menu-item-people-cohorts]').click()
    })
    it('Cohorts new and list', () => {
        // load an empty page
        cy.get('h1').should('contain', 'Cohorts')

        // go to create a new cohort
        cy.get('[data-attr="create-cohort"]').click()
        cy.get('form.card-body > .form-control').type('Test Cohort')

        // select "add filter" and "property"
        cy.get('[data-attr="cohort-group-property"]').click()
        cy.get('[data-attr="new-prop-filter-cohort_0"]').click()

        // select the first property
        cy.get('[data-attr=property-filter-dropdown]').click()
        cy.get('[data-attr=prop-filter-person-0]').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="save-cohort"]').click()
        cy.get('[data-attr=success-toast]').should('exist')

        // back to cohorts
        cy.get('h1').should('contain', 'Persons')
        cy.get('[data-attr=menu-item-people-cohorts]').click()

        cy.get('h1').should('contain', 'Cohorts')
        cy.get('.ant-empty').should('not.exist')

        // click the first row's first column's cohort title
        cy.get('[data-row-key="1"] > :nth-child(1) > a').click()

        // back on the persons page
        cy.get('h1').should('contain', 'Persons')
        cy.get('.ant-table-tbody > tr').should('exist')
    })
})