nystudio107 / rollup-plugin-critical

import fs from 'fs';

import path from 'path';

import {PluginCritical} from '../../index';

import {Plugin} from 'rollup';

import {expect, test } from 'vitest'

const testRoot = path.join(__dirname, '/');

const testOutputPath = path.join(testRoot, 'test_critical.min.css');

const expectedOutputPath = path.join(testRoot, 'index_critical.min.css');

const pluginConfig: CriticalPluginConfig = {

    criticalBase: testRoot,

    criticalUrl: testRoot,

    criticalPages: [

        {

            uri: 'index.html',

            template: 'test',

        }

    ],

    criticalConfig: {

        inline: false,

    },

};

test('`inline: false` Critical CSS generation', () => {

    function callback() {

            expect(fs.readFileSync(testOutputPath))

                .toEqual(fs.readFileSync(expectedOutputPath));

    }

    // Instantiate the Rollup plugin

    const plugin: Plugin = PluginCritical(pluginConfig, callback);

    // Call the plugin to generate critical css

    if (plugin && typeof plugin.writeBundle === 'function') {

        // @ts-ignore

        plugin.writeBundle({

            dir: testRoot,

        }, {

            chunk: {

                type: 'asset',

                fileName: 'style.css',

            }

        });

    }

});