export function testNgMessages(tpl: Element, t: ExecutionContext) {
	const ngMessages = tpl.querySelector('[ng-messages]') as HTMLDivElement;
	t.is(ngMessages.tagName, 'DIV');
	t.is(ngMessages.getAttribute('role'), 'alert');
	t.is(ngMessages.getAttribute('ng-messages'), app.inputs.$validationExps.$error);
	t.is(ngMessages.getAttribute('ng-show'), app.inputs.$validationExps.$isInvalid);

	const required = ngMessages.querySelector('[ng-message="required"]') as HTMLDivElement;
	t.true(required.classList.contains('text-danger'));

	return ngMessages;
}

function checkRoundtrip(t: ExecutionContext,
                        input: any,
                        output: any,
                        expected_patch: Operation[],
                        actual_patch: Operation[] = createPatch(input, output)) {
  t.deepEqual(actual_patch, expected_patch, 'should produce patch equal to expectation')
  const actual_output = clone(input)
  const patch_results = applyPatch(actual_output, actual_patch)
  t.deepEqual(actual_output, output, 'should apply patch to arrive at output')
  t.deepEqual(patch_results.length, actual_patch.length, 'should apply all patches')
  t.true(patch_results.every(result => result == null), 'should apply patch successfully')
}

export function testLabel(tpl: Element, t: ExecutionContext) {
	const label = tpl.querySelector('label') as HTMLLabelElement;
	const ngAttrFor = label.getAttribute('ng-attr-for') as string;
	t.regex(ngAttrFor, idRe);

	const input = tpl.querySelector('input');
	if (input != null && input.type !== 'radio') {
		const required = label.querySelector('span') as HTMLSpanElement;
		t.is(required.innerHTML, ' *');
		t.true(required.classList.contains('text-danger'));

		const transclude = label.querySelector('ng-transclude') as HTMLUnknownElement;
		t.is(transclude.tagName, 'NG-TRANSCLUDE');
		t.is(transclude.innerHTML, app.util.splitByCapitalLetter(ngAttrFor.split('_')[0]));
	}

	return label;
}

export function testInput(
	tpl: Element,
	t: ExecutionContext,
	tagName: 'INPUT' | 'TEXTAREA' | 'SELECT' = 'INPUT',
) {
	const input = tpl.querySelector(tagName.toLowerCase()) as HTMLInputElement;

	t.is(input.tagName, tagName);

	t.is(input.getAttribute('required'), 'true');
	t.is(input.getAttribute('ng-required'), '$ctrl.ngRequired');
	t.is(input.getAttribute('disabled'), 'true');
	t.is(input.getAttribute('ng-disabled'), '$ctrl.ngDisabled');
	t.is(input.getAttribute('readonly'), 'true');
	t.is(input.getAttribute('ng-readonly'), '$ctrl.ngReadonly');

	if (tagName !== 'SELECT') {
		// date-input currently uses flatpickr in `wrap` mode, which requires `data-input` to be set on the input
		if (input.hasAttribute('data-input') === false) {
			t.is(input.getAttribute('ng-model'), '$ctrl.ngModel');
		}
		t.is(input.getAttribute('ng-model-options'), '$ctrl.ngModelOptions');
		t.is(input.getAttribute('ng-blur'), '$ctrl.ngModelCtrl.$setTouched()');
		t.is(input.getAttribute('ng-class'), `{ 'is-invalid': ${app.inputs.$validationExps.$isInvalid} }`);
	}

	t.regex(input.getAttribute('ng-attr-id') as string, idRe);
	t.regex(input.getAttribute('ng-attr-name') as string, idRe);

	return input;
}

export function testNgTranscludeContain(tpl: Element, t: ExecutionContext) {
	const ngTranscludeContain = tpl.querySelector('[ng-transclude="contain"]') as HTMLDivElement;
	t.is(ngTranscludeContain.tagName, 'DIV');

	return ngTranscludeContain;
}