/* global describe it cy beforeEach require afterEach Cypress*/

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

describe('Apply font changes.', function() {
	beforeEach(function() {
		helper.beforeAllMobile('simple.odt');

		// Click on edit button
		cy.get('#mobile-edit-button').click();

		// Do a new selection
		helper.selectAllMobile();

		// Open mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.should('not.have.class', 'disabled')
			.click();
	});

	afterEach(function() {
		helper.afterAll();
	});

	it('Apply font name.', function() {
		// Change font name
		cy.get('#fontnamecombobox')
			.click();

		cy.get('.mobile-wizard.ui-combobox-text')
			.contains('Linux Libertine G')
			.click();

		cy.get('#mobile-wizard-back')
			.click();

		// Combobox entry contains the selected font name
		cy.get('#fontnamecombobox .ui-header-right')
			.contains('Linux Libertine G');

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p font')
			.should('have.attr', 'face', 'Linux Libertine G');
	});

	it('Apply font size.', function() {
		// TODO: font size HTML item is not a combobox anymore.
		// The ID changes from fontsizecombobox to fontsize.
		// and applying font size does not affect the selected text.
		if (Cypress.env('LO_CORE_VERSION') === 'master')
			return;

		// Change font size
		cy.get('#fontsizecombobox')
			.click();

		cy.get('.mobile-wizard.ui-combobox-text')
			.contains('36')
			.click();

		cy.get('#mobile-wizard-back')
			.click();

		// Combobox entry contains the selected font name
		cy.get('#fontsizecombobox .ui-header-right')
			.contains('36');

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p font')
			.should('have.attr', 'style', 'font-size: 36pt');
	});

	it('Apply bold font.', function() {
		// Apply bold
		cy.get('#Bold')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p b')
			.should('exist');
	});

	it('Apply italic font.', function() {
		// Apply italic
		cy.get('#Italic')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p i')
			.should('exist');
	});

	it('Apply underline.', function() {
		// Change underline
		cy.get('#Underlineimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p u')
			.should('exist');
	});

	it('Apply strikeout.', function() {
		// Change strikeout
		cy.get('#Strikeoutimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p strike')
			.should('exist');
	});

	it('Apply shadowed.', function() {
		// Apply shadowed
		cy.get('#Shadowedimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		// TODO: Shadowed is not in the clipboard content.
	});

	it('Apply grow.', function() {
		// Push grow
		cy.get('#Growimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p font')
			.should('have.attr', 'style', 'font-size: 42pt');
	});

	it('Apply shrink.', function() {
		// Push shrink
		cy.get('#Shrinkimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p font')
			.should('have.attr', 'style', 'font-size: 38pt');
	});

	it('Apply font color.', function() {
		// Change font color
		cy.get('#FontColor')
			.click();

		cy.get('#color-picker-0-basic-color-5')
			.click();

		cy.get('#color-picker-0-tint-2')
			.click();

		cy.get('#mobile-wizard-back')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p font')
			.should('have.attr', 'color', '#6aa84f');
	});

	it('Apply highlight color.', function() {
		// Change highlight color
		cy.get('#BackColor')
			.click();

		cy.get('#color-picker-1-basic-color-5')
			.click();

		cy.get('#color-picker-1-tint-4')
			.click();

		cy.get('#mobile-wizard-back')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p font span')
			.should('have.attr', 'style', 'background: #93c47d');
	});

	it('Apply superscript.', function() {
		// Apply superscript
		cy.get('#SuperScriptimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p sup')
			.should('exist');
	});

	it('Apply subscript.', function() {
		// Apply superscript
		cy.get('#SubScriptimg')
			.click();

		// Close mobile wizard
		cy.get('#tb_actionbar_item_mobile_wizard')
			.click();
		cy.get('#mobile-wizard-content')
			.should('not.be.visible');

		helper.copyTextToClipboard();

		cy.get('#copy-paste-container p sub')
			.should('exist');
	});

	it('Character spacing item is hidden.', function() {
		// Check that mobile wizard is opened
		cy.get('#SubScript')
			.scrollIntoView()
			.should('be.visible');

		// Character spacing item triggers the character dialog
		// So better to hide it.
		cy.get('#Spacing')
			.should('not.exist');
	});
});