describe('My Learning', () => {
    let filterNames = ['Progress', 'Source', 'Types', 'On Going', 'Saved For Later', 'History', 'Pending Request', 'Deleted',
        'Recommended', 'Assignment', 'My Selection', 'Learning', 'Path', 'Event', 'Podcast', 'Video', 'Text']


    before(() => {
        cy.visit("/dashboard")
        cy.topUIChecker()
        cy.botChecker()
    })

    it("Unfiltered cards available , tags available", () => {

        // let Learning = ['Article', ''];
        // let Path = [''];
        // let Event = [''];
        // let Podcast = [''];
        // let Video = [''];
        // let Text = ['']; TODO сделать проверку по фильтру

        //check unfiltered cards count(all types)

        cy.cardInfoChecker()
        cy.get('.cardWrapper').its('length').should('be.gte', 10)
        cy.get('.tags-text').its('length').should('be.gte', 10)

    })
    it.only("Date filter available, logic of all data filters", () => {
        cy.get('.sortDropdown').should('be.visible').last().click()
        let sortSelector = cy.get('.MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded').children('div')
        sortSelector.should('contain', "Sort")
        sortSelector.should('contain', 'Latest').click().then(() => {
            cy.get('.cardWrapper').should('contain', 'Deep')
        })
        sortSelector.should('contain', 'Oldest').click().then(() => {
            cy.get('.cardWrapper').first().should('contain', 'Beautiful')
        })

        sortSelector.should('contain', 'A-Z').click().then(() => {
            cy.get('.cardWrapper').first().should('contain', '22222')
        })
        sortSelector.should('contain', 'Z-A').click().then(() => {
            cy.get('.cardWrapper').first().should('contain', 'Medal')
        })


    })
    it('Filter logic , available all filter positions, filter counter', () => {

        //filter available
        cy.get('.sortDropdown').should('be.visible').first().click()

        //check all filter's text
        cy.get('.MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded').should('be.visible')
        for (let index in filterNames) {
            cy.get('.MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded').should('contain', filterNames[index])
        }


        //filter's count visible-invisible
        if (cy.get('.sortDropdown').first().not('.main_color_color')) {
            cy.get('.sortDropdown').first().find(filterNames[3]).click()
            cy.get('.main_color_color').should('be.visible')
            cy.contains(filterNames[8]).click().then(() => {
                //filter count +1
                cy.get('.main_color_color').should('have.text', '(2)')
            })
        }
    })
    it('Sorted tags by filter (Filter tags)', () => {
        //filter sorted tags visible
        cy.get('.tags-text').should("have.length", "6").and('be.visible')


    })


    it('Visibility of Title, Card, Image, LvL, Text, textTags, Share btn, Delete btn, Report btn, Label', () => {
        //TODO buttons,label
        //title
        cy.contains('My Learning').should('be.visible')

        //check filter result
        cy.get('.cardInfo').should('be.visible').should('contain', 'Deep')
        cy.get('.my-learning-smart-list').find('.cardWrapper')


    })
})