import {parseHTML} from 'linkedom';
import {test, assert} from 'vitest';

import select from './select-has.js';

test('basic :has() support', () => {
	const {document: fragment} = parseHTML(`
		<a>Home</a>
		<a><strong>Contacts</a>
	`);

	assert.propertyVal(select('a:has(strong)', fragment), 'textContent', 'Contacts');
});

test('returns undefined if not found', () => {
	const {document: fragment} = parseHTML(`
		<a>Home</a>
		<a><strong>Contacts</strong></a>
	`);

	assert.equal(select('a:has(em)', fragment), undefined);
});

test('supports looking for descendants in base element', () => {
	const {document: fragment} = parseHTML(`
		<a>Home</a>
		<a><em>Contacts</em> <i>icon</i></a>
	`);

	assert.propertyVal(select('a:has(em) i', fragment), 'textContent', 'icon');
});

test('supports looking for direct children in base element', () => {
	const {document: fragment} = parseHTML(`
		<a><em><span>Home <i></i></span></em></a>
		<a><span><em>Contacts <i></i></em></span></a>
	`);

	assert.propertyVal(select('a:has(> span i)', fragment), 'textContent', 'Contacts ');
});

test('throws error when there’s a space before :has()', () => {
	const {document: fragment} = parseHTML(`
		<a>Home</a>
	`);

	assert.throws(() => {
		select('a :has(em)', fragment);
	}, 'No spaces before :has() supported');
});

test('throws error when there is more than one :has()', () => {
	const {document: fragment} = parseHTML(`
		<a>Home</a>
	`);

	assert.throws(() => {
		select('a:has(em) b:has(strong)', fragment);
	}, 'Only one `:has()` required/allowed, found 2');
});

test('throws on sibling selectors', () => {
	const {document: fragment} = parseHTML(`
		<a>Home</a>
	`);

	assert.throws(() => {
		select('a:has(+a)', fragment);
	}, 'This polyfill only supports looking into the children of the base element');
});