prefer-dom-node-append.mjs

import outdent from 'outdent';
import {getTester} from './utils/test.mjs';
import notDomNodeTypes from './utils/not-dom-node-types.mjs';

const {test} = getTester(import.meta);

const error = {
	message: 'Prefer `Node#append()` over `Node#appendChild()`.',
};

test({
	valid: [
		// Already using `append`
		'parent.append(child);',
		// Not `CallExpression`
		'new parent.appendChild(child);',
		// Not `MemberExpression`
		'appendChild(child);',
		// `callee.property` is not a `Identifier`
		'parent[\'appendChild\'](child);',
		// Computed
		'parent[appendChild](child);',
		// Not `appendChild`
		'parent.foo(child);',
		// More or less argument(s)
		'parent.appendChild(one, two);',
		'parent.appendChild();',
		'parent.appendChild(...argumentsArray)',
		// Optional call
		'parent.appendChild?.(child)',
		// `callee.object` is not a DOM Node,
		...notDomNodeTypes.map(data => `(${data}).appendChild(foo)`),
		// First argument is not a DOM Node,
		...notDomNodeTypes.map(data => `foo.appendChild(${data})`),
	],
	invalid: [
		{
			code: 'node.appendChild(child);',
			output: 'node.append(child);',
			errors: [error],
		},
		{
			code: 'document.body.appendChild(child);',
			output: 'document.body.append(child);',
			errors: [error],
		},
		{
			code: 'node.appendChild(foo)',
			output: 'node.append(foo)',
			errors: [error],
		},
		{
			code: outdent`
				function foo() {
					node.appendChild(bar);
				}
			`,
			output: outdent`
				function foo() {
					node.append(bar);
				}
			`,
			errors: [error],
		},
		{
			code: 'const foo = node.appendChild(child);',
			errors: [error],
		},
		{
			code: 'console.log(node.appendChild(child));',
			errors: [error],
		},
		{
			code: 'node.appendChild(child).appendChild(grandchild);',
			output: 'node.appendChild(child).append(grandchild);',
			errors: [error, error],
		},
		{
			code: 'node.appendChild(child) || "foo";',
			errors: [error],
		},
		{
			code: 'node.appendChild(child) + 0;',
			errors: [error],
		},
		{
			code: 'node.appendChild(child) + 0;',
			errors: [error],
		},
		{
			code: '+node.appendChild(child);',
			errors: [error],
		},
		{
			code: 'node.appendChild(child) ? "foo" : "bar";',
			errors: [error],
		},
		{
			code: 'if (node.appendChild(child)) {}',
			errors: [error],
		},
		{
			code: 'const foo = [node.appendChild(child)]',
			errors: [error],
		},
		{
			code: 'const foo = { bar: node.appendChild(child) }',
			errors: [error],
		},
		{
			code: 'function foo() { return node.appendChild(child); }',
			errors: [error],
		},
		{
			code: 'const foo = () => { return node.appendChild(child); }',
			errors: [error],
		},
		{
			code: 'foo(bar = node.appendChild(child))',
			errors: [error],
		},
		{
			code: 'node?.appendChild(child);',
			output: 'node?.append(child);',
			errors: [error],
		},
		{
			code: '() => node?.appendChild(child)',
			errors: [error],
		},
	],
});