/* global describe it cy require afterEach beforeEach */

var helper = require('../../common/helper');
var desktopHelper = require('../../common/desktop_helper');

describe.skip(['tagdesktop'], 'Scroll through document, insert/delete items', function() {
	var origTestFileName = 'navigator.odg';
	var testFileName;

	beforeEach(function() {
		testFileName = helper.beforeAll(origTestFileName, 'draw');

		desktopHelper.selectZoomLevel('100');
		cy.cGet('#menu-view').click();
		cy.cGet('#menu-navigator').click();
	});

	afterEach(function() {
		helper.afterAll(testFileName, this.currentTest.state);
	});

	function checkIfItemNotExist(itemName) {
		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', itemName).should('not.exist');
	}

	function checkIfItemSelectedAndVisible(itemName) {
		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', itemName).should('be.visible');
		cy.cGet('#tree').find('.jsdialog.sidebar.ui-treeview-entry.ui-treeview-notexpandable.selected').find('.jsdialog.sidebar.ui-treeview-cell-text').should('have.text',itemName);
	}

	function checkIfItemExSelectedAndVisible(itemName) {
		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', itemName).should('be.visible');
		cy.cGet('#tree').find('.jsdialog.sidebar.ui-treeview-entry.ui-treeview-expandable.selected').find('.jsdialog.sidebar.ui-treeview-cell-text').should('have.text',itemName);
	}

	it('Jump to element. Navigator -> Document', function() {
		// Click items in navigator, and check if it goes to the right page.
		// items should be visible (scrolled right), but that is not tested yet
		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Shape 2 (Text Frame \'Text1\')').dblclick();
		cy.cGet('#PageStatus').should('have.text', 'Page 2 of 4');

		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Object 2').dblclick();
		cy.cGet('#PageStatus').should('have.text', 'Page 4 of 4');

		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Shape 1 (Text Frame \'Title1\')').dblclick();
		cy.cGet('#PageStatus').should('have.text', 'Page 1 of 4');

		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Shape 5 (Image)').dblclick();
		cy.cGet('#PageStatus').should('have.text', 'Page 4 of 4');

		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Shape 4 (Text Frame \'T3\')').dblclick();
		cy.cGet('#PageStatus').should('have.text', 'Page 3 of 4');

		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Shape 1 (SVG)').dblclick();
		cy.cGet('#PageStatus').should('have.text', 'Page 4 of 4');
	});

	it('Jump to element. Document -> Navigator', function() {
		// Click some items in document, and check if Navigator will jump to it. (if the items row will be selected, and visible)
		// Risky: it clicks x,y coordinates, if scroll or layout change it may need to be changed
		cy.cGet('#tb_actionbar_item_next').click();
		cy.cGet('body').click(600,360);
		checkIfItemSelectedAndVisible('Shape 6 (Text Frame \'Text3\')');

		cy.cGet('#tb_actionbar_item_next').click();
		cy.cGet('#tb_actionbar_item_next').click();
		cy.cGet('body').click(370,270);
		checkIfItemSelectedAndVisible('Shape 1 (SVG)');

		cy.cGet('#tb_actionbar_item_prev').click();
		cy.cGet('body').click(355,435);
		// T2 is part of a group. The group will be selected in Navigator.
		checkIfItemExSelectedAndVisible('Shape 3 (Group object)');

		cy.cGet('#tb_actionbar_item_next').click();
		cy.cGet('body').click(500,520);
		checkIfItemSelectedAndVisible('Object 3');

		cy.cGet('#tb_actionbar_item_prev').click();
		cy.cGet('#tb_actionbar_item_prev').click();
		cy.cGet('#tb_actionbar_item_prev').click();
		cy.cGet('body').click(630,330);
		checkIfItemSelectedAndVisible('Shape 2 (Text Frame \'Some text\')');
	});

	it('Insert/delete updated on Navigator', function() {
		//create a new page
		helper.clickOnIdle('#tb_presentation-toolbar_item_insertpage');
		cy.cGet('#tree').contains('.jsdialog.sidebar.ui-treeview-cell-text', 'Page 5').should('exist');
		cy.cGet('#toolbar-up > .w2ui-scroll-right').click();

		//Insert Shape
		cy.cGet('#tb_editbar_item_insertshapes').click();
		cy.cGet('.col.w2ui-icon.symbolshapes').click();
		checkIfItemSelectedAndVisible('Shape 1 (Shape)');
		//delete
		helper.typeIntoDocument('{del}');
		checkIfItemNotExist('Shape 1 (Shape)');

		//Insert Chart
		cy.cGet('#tb_editbar_item_insertobjectchart').click();
		checkIfItemSelectedAndVisible('Object 4');
		//delete
		helper.typeIntoDocument('{del}');
		checkIfItemNotExist('Object 4');

		//Insert Table
		cy.cGet('#menu-table').click();
		cy.cGet('body').contains('Insert Table...').click();
		cy.cGet('.lokdialog_canvas').click();
		helper.typeIntoDocument('{shift}{enter}');
		checkIfItemSelectedAndVisible('Shape 1 (Table)');
		// Table is inserted with the markers shown
		cy.cGet('.leaflet-marker-icon.table-column-resize-marker').should('exist');
		cy.cGet('path.leaflet-interactive').rightclick({force:true});
		cy.cGet('body').contains('.context-menu-item', 'Delete').click();
		checkIfItemNotExist('Shape 1 (Table)');
	});
});