/*
 * Copyright (C) 2020 Intel Corporation
 *
 * SPDX-License-Identifier: MIT
 */

/// <reference types="cypress" />

context('When delete a point, the required point is deleted.', () => {

    const issueId = '1391'
    const labelName = `Issue ${issueId}`
    const taskName = `New annotation task for ${labelName}`
    const attrName = `Attr for ${labelName}`
    const textDefaultValue = 'Some default value for type Text'
    const image = `image_${issueId}.png`
    const width = 800
    const height = 800
    const posX = 10
    const posY = 10
    const color = 'white'
    let pointsСoordinatesBeforeDeletePoint = []
    let pointsСoordinatesAfterDeletePoint = []
    const createPolylinesShape = {
        type: 'Shape',
        switchLabel: false,
        pointsMap: [
            {x: 309, y: 250},
            {x: 309, y: 350},
            {x: 309, y: 450}
            ],
        complete: true,
        numberOfPoints: null
    }

    before(() => {
        cy.visit('auth/login')
        cy.login()
        cy.imageGenerator('cypress/fixtures', image, width, height, color, posX, posY, labelName)
        cy.createAnnotationTask(taskName, labelName, attrName, textDefaultValue, image)
        cy.openTaskJob(taskName)
    })

    describe(`Testing issue "${issueId}"`, () => {
        it('Crearte polyline', () => {
            cy.createPolyline(createPolylinesShape)
            cy.get('#cvat-objects-sidebar-state-item-1')
            .should('contain', '1').and('contain', 'POLYLINE SHAPE')
        })
        it('Get points coordinates from created polyline', () => {
            cy.get('#cvat_canvas_shape_1').should('have.prop', 'animatedPoints')
            .then(($pointsСoordinates) => {
                for (let i of $pointsСoordinates) {
                    pointsСoordinatesBeforeDeletePoint.push(`${i.x}, ${i.y}`)
                }
            })
        })
        it('Remove the second point from created polyline', () => {
            cy.get('#cvat_canvas_shape_1')
            .trigger('mousemove', {force: true})
            .trigger('mouseover', {force: true})
            cy.get('.svg_select_points').then(points => {
                cy.get(points).eq(0).then(point1 => {
                    cy.get(point1)
                    .rightclick()
                })
                cy.get(points).eq(1).then(point2 => {
                    cy.get(point2)
                    .rightclick({force: true})
                })
                cy.contains('Delete point')
                .click()
            })
        })
        it('Get points coordinates from turned out polyline', () => {
            cy.get('#cvat_canvas_shape_1').should('have.prop', 'animatedPoints')
            .then(($pointsСoordinates) => {
                for (let i of $pointsСoordinates) {
                    pointsСoordinatesAfterDeletePoint.push(`${i.x}, ${i.y}`)
                }
            })
        })
        it('Coordinate of second point before delete not in coordinates array after delete', () => {
            cy.get(pointsСoordinatesBeforeDeletePoint).then(point => {
                cy.expect(pointsСoordinatesAfterDeletePoint).not.contain(point[1])
            })
        })
    })
})