const express = require('express')
const app = express()

// get the port from env variable
const PORT = process.env.PORT || 5001

app.use(express.static('dist'))

app.listen(PORT, () => {
  // eslint-disable-next-line
  console.log(`server started on port ${PORT}`, `http://localhost:${PORT}`)
})

'env': {
  // ..
  'node': true,
  'commonjs': true,
},

// cypress.config.js
const { defineConfig } = require('cypress')

module.exports = defineConfig({
  e2e: {
    // eslint-disable-next-line
    setupNodeEvents(on, config) {
      // implement node event listeners here
    },
  },
})

describe('Pokedex', function() {
  it('front page can be opened 主页应该能打开', function() {
    cy.visit('http://localhost:5001')
    cy.contains('ivysaur') // 代码是全小写的，页面由css控制显示为首字大写，所以这里小写
    cy.contains('Pokémon and Pokémon character names are trademarks of Nintendo.')
  })
})

describe('blog app',function () {

beforeEach(function () {
  cy.request('POST','http://localhost:3003/api/testing/reset')
  const user = {
    name: 'DASB',
    username: 'sb',
    password: '123456'
  }
  cy.request('POST','http://localhost:3003/api/users', user)
  cy.visit('http://localhost:3000')
})


it('can open site 可以打开网页',function () {
  cy.visit('http://localhost:3000')
  cy.contains('blogs')
})

it('and its have login form 显示登录表单',function () {
  cy.contains('username')
  cy.contains('password')
})

describe('login 登录测试',function () {

  it('can not log in with incorrect credentials 错误信息不可以登录',function () {
    cy.get('#username-login').type('dasb')
    cy.get('#password-login').type('dasb')
    cy.get('#login-button').click()

    cy.contains('error')
  })

  it('can log in with correct info 正确信息可以登录',function () {
    cy.get('#username-login').type('sb')
    cy.get('#password-login').type('123456')
    cy.get('#login-button').click()

    cy.contains('success')
  })

})

describe('When logged in', function() {
  beforeEach(function () {
    cy.login({ username: 'sb', password: '123456' })
  })

  it('A blog can be created', function() {
    cy.contains('create a new blog').click()
    cy.get('#title').type('标题')
    cy.get('#author').type('作者')
    cy.get('#url').type('链接')
    cy.get('#likes').type('666')
    cy.contains('submit').click()
    cy.contains('标题 作者')
  })

  it('open show details and click like!', function () {

    cy.createBlog({ title:'Test', author:'T est',url:'hppp:%%test@tset.com',likes:999 })

    cy.contains('Test').find('button:first').as('theShowDetailButton') // 找到show detail按钮
    // 然后我们点击按钮，检查上面的文本是否改变
    cy.get('@theShowDetailButton').click()
    cy.get('@theShowDetailButton').should('contain', 'hide detail')

    cy.get('#add-likes-button').as('theLikeButton') // 找到show detail按钮
    cy.contains(999)
    cy.get('@theLikeButton').click()
    cy.contains(1000)

  })


  it('blog can be deleted',function () {

    cy.createBlog({ title:'this', author:'will',url:'remove',likes:0 })

    cy.get('#show-detail-button').as('theShowDetailButton')
    cy.get('@theShowDetailButton').click()
    cy.contains('this')
    cy.contains('will')
    cy.contains('remove')

    cy.get('#delete-button').click()
    cy.contains('delete blog')
    cy.should('not.contain','this')
    cy.should('not.contain','will')
    cy.should('not.contain','remove')

  })

  describe('the order is correct order by likes',function () {

    beforeEach(function () {

      cy.createBlog({ title:'first', author:'hehe',url:'haha',likes:0 })
      cy.createBlog({ title:'second', author:'hehe',url:'xxxx',likes:666 })
      cy.createBlog({ title:'third', author:'hehe',url:'xxxx',likes:888 })
      cy.createBlog({ title:'fourth', author:'hehe',url:'xxxx',likes:888 })
      cy.createBlog({ title:'fifth', author:'hehe',url:'xxxx',likes:111 })
      cy.createBlog({ title:'sixth', author:'will',url:'remove',likes:1001 })
    })

    it('have six blogs in correct order',function () {

      // open all details
      cy.get('#blog-list div').find('button:first').click({ multiple: true })

      // blogList should in correct order
      cy.get('#blog-list div')
        .first().should('contain','sixth').should('contain',1001)
        .next().should('contain','third').should('contain',888)
        .next().should('contain','fourth').should('contain',888)
        .next().should('contain','second').should('contain',666)
        .next().should('contain','fifth').should('contain',111)
        .next().should('contain','first').should('contain',0)

    })

    it('click fourth blog like! button, then the order change',function () {
      // open all details
      cy.get('#blog-list div').find('button:first').click({ multiple: true })

      cy.get('#blog-list div')
        .first()
        .next()
        .next().should('contain','fourth').should('contain',888).find('#add-likes-button').click()

      cy.get('#blog-list div')
        .first()
        .next()
        .next().should('contain','fourth').should('contain',889)
    })

    // describe('click like on fourth blog and check order',function () {

    //   beforeEach('click like',function () {

    //     cy.get('#blog-list div').find('button:first').click({ multiple: true })

    //     cy.get('#blog-list div')
    //       .first()
    //       .next()
    //       .next().should('contain','fourth').should('contain',888).find('#add-likes-button').click()
    //   })

    //   it('the order in correct',function () {
    //     cy.get('#blog-list div')
    //       .first()
    //       .next().should('contain','fourth').should('contain',889)

    //   })
    // })

  })
})
})

const img = require(`./img/${name}.png`)

// ..
activeIcon: new URL('@/assets/icon/intelligent-contro.png', import.meta.url).href,