import Editor from '../../src/editor'

describe('基础功能', () => {

  beforeEach(() => {
    cy.visit('http://localhost:3000/canvas-editor/')

    cy.get('canvas').first().as('canvas').should('have.length', 1)
  })

  const text = 'canvas-editor'

  it('编辑保存', () => {
    cy.getEditor().then((editor: Editor) => {
      editor.listener.saved = function (payload) {
        expect(payload.data[0].value).to.eq(text)
      }

      editor.command.executeSelectAll()

      editor.command.executeBackspace()

      cy.get('@canvas').type(text)

      cy.get('@canvas').type(`{ctrl}s`)
    })
  })

  it('模式切换', () => {
    cy.get('@canvas').click()

    cy.get('.ce-cursor').should('have.css', 'display', 'block')

    cy.get('.editor-mode').click().click()

    cy.get('.editor-mode').contains('只读')

    cy.get('@canvas').click()

    cy.get('.ce-cursor').should('have.css', 'display', 'none')
  })

  it('页面缩放', () => {
    cy.get('.page-scale-add').click()

    cy.get('.page-scale-percentage').contains('110%')

    cy.get('.page-scale-minus').click().click()

    cy.get('.page-scale-percentage').contains('90%')
  })

  it('字数统计', () => {
    cy.getEditor().then((editor: Editor) => {
      editor.listener.contentChange = async function () {
        const wordCount = await editor.command.getWordCount()

        expect(7).to.be.eq(wordCount)
      }

      editor.command.executeSelectAll()

      editor.command.executeBackspace()

      editor.command.executeInsertElementList([{
        value: 'canvas-editor 2022 编辑器'
      }])
    })
  })

})