plugin.test.js

import postcss from 'postcss';
import { describe, expect, it, vi } from 'vitest';
import {
	loadFixture,
	normalizeCSS,
	postcssFixtureTests,
	runtimeOnlyFixtureTests
} from '../../../test/scripts/fixture-utils.js';
import { postcssIfFunction } from '../src/index.js';

describe('postcss-if-function plugin', () => {
	async function run(input, output, options = {}) {
		const result = await postcss([postcssIfFunction(options)]).process(
			input,
			{
				from: undefined
			}
		);
		expect(normalizeCSS(result.css)).toBe(normalizeCSS(output));
		expect(result.warnings()).toHaveLength(0);
	}

	// Generate tests for each shared fixture
	for (const { fixture, description } of postcssFixtureTests) {
		it(`should ${description}`, async () => {
			const { input, expected } = loadFixture(fixture);
			await run(input, expected);
		});
	}

	// Runtime-only fixtures that cannot be transformed at build time
	// PostCSS should preserve these unchanged
	for (const { fixture, description } of runtimeOnlyFixtureTests) {
		it(`should preserve ${description} unchanged`, async () => {
			const { input } = loadFixture(fixture);
			// For runtime-only features, PostCSS should preserve the original CSS
			await run(input, input);
		});
	}

	it('should work with logTransformations option', async () => {
		const { input, expected } = loadFixture('basic-media');

		// Spy on console.log
		const logSpy = vi.spyOn(console, 'log');

		await run(input, expected, { logTransformations: true });

		expect(logSpy).toHaveBeenCalledWith(
			'[postcss-if-function] Transformation statistics:'
		);
		expect(
			logSpy.mock.calls.some((call) =>
				call[0].includes('Total transformations: 1')
			)
		).toBe(true);

		logSpy.mockRestore();
	});

	it('should handle malformed CSS gracefully', async () => {
		const input = `
.broken {
  color: if(media(invalid-query): blue; else: red);
}`;

		// Should not throw an error, but may not transform properly
		const result = await postcss([postcssIfFunction()]).process(input, {
			from: undefined
		});

		expect(result.css).toBeDefined();
	});
});