/* jshint -W072 */
defineDescribe('Sequence Integration', [
	'./Parser',
	'./Generator',
	'./Renderer',
	'./themes/Basic',
	'stubs/SVGTextBlock',
], (
	Parser,
	Generator,
	Renderer,
	Theme,
	SVGTextBlock
) => {
	'use strict';

	let parser = null;
	let generator = null;
	let renderer = null;
	let theme = null;

	beforeEach(() => {
		theme = new Theme();
		parser = new Parser();
		generator = new Generator();
		renderer = new Renderer(theme, {SVGTextBlockClass: SVGTextBlock});
		document.body.appendChild(renderer.svg());
	});

	afterEach(() => {
		document.body.removeChild(renderer.svg());
	});

	function getSimplifiedContent(r) {
		return (r.svg().outerHTML
			.replace(/<g><\/g>/g, '')
			.replace(' xmlns="http://www.w3.org/2000/svg" version="1.1"', '')
		);
	}

	it('Renders empty diagrams without error', () => {
		const parsed = parser.parse('');
		const sequence = generator.generate(parsed);
		renderer.render(sequence);
		expect(getSimplifiedContent(renderer)).toEqual(
			'<svg width="100%" height="100%" viewBox="-5 -5 10 10">' +
			'</svg>'
		);
	});

	it('Renders simple metadata', () => {
		const parsed = parser.parse('title My title here');
		const sequence = generator.generate(parsed);
		renderer.render(sequence);

		expect(getSimplifiedContent(renderer)).toEqual(
			'<svg width="100%" height="100%" viewBox="-11.5 -16 23 21">' +
			'<text' +
			' x="0"' +
			' font-family="sans-serif"' +
			' font-size="20"' +
			' line-height="1.3"' +
			' text-anchor="middle"' +
			' class="title"' +
			' y="-11">My title here</text>' +
			'</svg>'
		);
	});

	it('Renders simple components', () => {
		const parsed = parser.parse('A -> B');
		const sequence = generator.generate(parsed);
		renderer.render(sequence);

		const content = getSimplifiedContent(renderer);
		expect(content).toContain(
			'<svg width="100%" height="100%" viewBox="-5 -5 82 49">'
		);

		// Agent 1
		expect(content).toContain(
			'<line x1="20.5" y1="11" x2="20.5" y2="39" class="agent-1-line"'
		);
		expect(content).toContain(
			'<rect x="10" y="0" width="21" height="11"'
		);
		expect(content).toContain(
			'<text x="20.5"'
		);

		// Agent 2
		expect(content).toContain(
			'<line x1="51.5" y1="11" x2="51.5" y2="39" class="agent-2-line"'
		);
		expect(content).toContain(
			'<rect x="41" y="0" width="21" height="11"'
		);
		expect(content).toContain(
			'<text x="51.5"'
		);

		// Arrow
		expect(content).toContain(
			'<line x1="20.5" y1="20" x2="50.29'
		);
		expect(content).toContain(
			'<polygon points="46.29'
		);
	});

	const SAMPLE_REGEX = new RegExp(
		/```(?!shell).*\n([^]+?)```/g
	);

	function findSamples(content) {
		SAMPLE_REGEX.lastIndex = 0;
		const results = [];
		while(true) {
			const match = SAMPLE_REGEX.exec(content);
			if(!match) {
				break;
			}
			results.push(match[1]);
		}
		return results;
	}

	return (fetch('README.md')
		.then((response) => response.text())
		.then(findSamples)
		.then((samples) => samples.forEach((code, i) => {
			it('Renders readme example #' + (i + 1) + ' without error', () => {
				const parsed = parser.parse(code);
				const sequence = generator.generate(parsed);
				expect(() => renderer.render(sequence)).not.toThrow();
			});
		}))
	);
});