prefixed.test.ts

import postcss from 'postcss';
import postcssRTLCSS from '../src';
import { PluginOptions } from '../src/@types';
import {
    readCSSFile,
    runTests,
    createSnapshotFileName
} from './utils';
import 'jest-specific-snapshot';

const BASE_NAME = 'prefixed';

runTests({ processUrls: true }, (pluginOptions: PluginOptions): void => {

    describe(`[[Mode: ${pluginOptions.mode}]] Prefixed Tests: `, (): void => {

        let input = '';

        beforeEach(async (): Promise<void> => {
            input = input || await readCSSFile('input-prefixed.css');
        });

        it('Prefixed default', (): void => {
            const options: PluginOptions = { ...pluginOptions };
            const output = postcss([postcssRTLCSS(options)]).process(input);
            expect(output.css).toMatchSpecificSnapshot(
                createSnapshotFileName(BASE_NAME,'prefixed-default', pluginOptions.mode)
            );
            expect(output.warnings()).toHaveLength(0);
        });

        it('Custom prefixes', (): void => {
            const options: PluginOptions = { ...pluginOptions, rtlPrefix: '.rtl', ltrPrefix: '.ltr' };
            const output = postcss([postcssRTLCSS(options)]).process(input);
            expect(output.css).toMatchSpecificSnapshot(
                createSnapshotFileName(BASE_NAME,'custom-prefixes', pluginOptions.mode)
            );
            expect(output.warnings()).toHaveLength(0);
        });

        it('Prefixed with array', (): void => {
            const options: PluginOptions = { ...pluginOptions, rtlPrefix: ['.rtl', '[dir="rtl"]'], ltrPrefix: ['.ltr', '[dir="ltr"]'] };
            const output = postcss([postcssRTLCSS(options)]).process(input);
            expect(output.css).toMatchSpecificSnapshot(
                createSnapshotFileName(BASE_NAME,'prefixed-with-array', pluginOptions.mode)
            );
            expect(output.warnings()).toHaveLength(0);
        });

        it('ignorePrefixedRules false', (): void => {
            const options: PluginOptions = { ...pluginOptions, ignorePrefixedRules: false };
            const output = postcss([postcssRTLCSS(options)]).process(input);
            expect(output.css).toMatchSpecificSnapshot(
                createSnapshotFileName(BASE_NAME,'ignore-prefixed-rules-false', pluginOptions.mode)
            );
            expect(output.warnings()).toHaveLength(0);
        });

    });

});