zem/src/template/tests/index.test.ts

Create, test and publish Zeplin extensions with no build configuration

import extension from '../src/index.js';
import { components, context, screens, version } from './fixtures/index.js';

describe("Colors", () => {
    it("should generate code snippet", () => {
        const code = extension.colors!(context);
        return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
    });

    it("should generate exportable file", () => {
        const code = extension.exportColors!(context);
        return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
    });
});


describe("Text Styles", () => {
    it("should generate code snippet", () => {
        const code = extension.textStyles!(context);
        return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
    });

    it("should generate exportable file", () => {
        const code = extension.exportTextStyles!(context);
        return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
    });
});


describe("Spacing", () => {
    it("should generate code snippet", () => {
        const code = extension.spacing!(context);
        return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
    });

    it("should generate exportable file", () => {
        const code = extension.exportSpacing!(context);
        return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
    });
});


version.layers!.map(layer => {
    describe(`Layer \`${layer.name}\``, () => {
        it("should generate code snippet", async () => {
            const code = extension.layer!(context, layer, version);
            return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
        });
    });
});


screens.map(screen => {
    describe(`Screen \`${screen.name}\``, () => {
        it("should generate code snippet", async () => {
            const code = extension.screen!(context, version, screen);
            return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
        });
    });
});


components.map(component => {
    describe(`Component \`${component.name}\``, () => {
        it("should generate code snippet", async () => {
            const code = extension.component!(context, component.latestVersion!, component);
            return expect(Promise.resolve(code)).resolves.toMatchSnapshot();
        });
    });
});