/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

import { Application } from '../../application';
import { ProblemSeverity, Problems } from '../problems/problems';

export function setup() {
	describe('CSS', () => {
		it('verifies quick outline', async function () {
			const app = this.app as Application;
			await app.workbench.quickopen.openFile('style.css');

			await app.workbench.quickopen.openQuickOutline();
			await app.workbench.quickopen.waitForQuickOpenElements(names => names.length === 2);
		});

		it('verifies warnings for the empty rule', async function () {
			const app = this.app as Application;
			await app.workbench.quickopen.openFile('style.css');
			await app.workbench.editor.waitForTypeInEditor('style.css', '.foo{}');

			await app.code.waitForElement(Problems.getSelectorInEditor(ProblemSeverity.WARNING));

			await app.workbench.problems.showProblemsView();
			await app.code.waitForElement(Problems.getSelectorInProblemsView(ProblemSeverity.WARNING));
			await app.workbench.problems.hideProblemsView();
		});

		it('verifies that warning becomes an error once setting changed', async function () {
			// settings might take a while to update?
			this.timeout(40000);

			const app = this.app as Application;
			await app.workbench.settingsEditor.addUserSetting('css.lint.emptyRules', '"error"');
			await app.workbench.quickopen.openFile('style.css');

			await app.code.waitForElement(Problems.getSelectorInEditor(ProblemSeverity.ERROR));

			const problems = new Problems(app.code);
			await problems.showProblemsView();
			await app.code.waitForElement(Problems.getSelectorInProblemsView(ProblemSeverity.ERROR));
			await problems.hideProblemsView();
		});
	});
}