diff --git a/src/template/src/fixtures/index.js b/src/template/src/fixtures/index.js index c405203..c00a36b 100644 --- a/src/template/src/fixtures/index.js +++ b/src/template/src/fixtures/index.js @@ -4,9 +4,14 @@ import project from "./project.json"; import screensData from "./screens.json"; import componentsData from "./components.json"; import versionData from "./version.json"; +import { zeplin } from "../../package.json"; +const defaultOptions = zeplin.options.reduce((options, option) => { + options[option.id] = option.default; + return options; +}, {}); -export const context = new Context({ project, options: {} }); +export const context = new Context({ project, options: defaultOptions }); export const version = new Version(versionData); export const screens = screensData.map(data => new Screen(data)); export const components = componentsData.map(data => new Component(data)); diff --git a/src/template/src/fixtures/version.json b/src/template/src/fixtures/version.json index 654dbbb..44fe9c4 100644 --- a/src/template/src/fixtures/version.json +++ b/src/template/src/fixtures/version.json @@ -186,12 +186,6 @@ { "fillType": "color", "blendMode": "normal", - "fill": { - "r": 0, - "g": 255, - "b": 255, - "a": 1 - }, "color": { "r": 0, "g": 255, @@ -228,12 +222,6 @@ { "fillType": "color", "blendMode": "normal", - "fill": { - "r": 255, - "g": 255, - "b": 0, - "a": 1 - }, "color": { "r": 255, "g": 255, @@ -266,12 +254,6 @@ { "fillType": "color", "blendMode": "normal", - "fill": { - "r": 255, - "g": 0, - "b": 0, - "a": 1 - }, "color": { "r": 255, "g": 0, @@ -304,12 +286,6 @@ { "fillType": "color", "blendMode": "normal", - "fill": { - "r": 0, - "g": 255, - "b": 0, - "a": 1 - }, "color": { "r": 0, "g": 255, @@ -342,12 +318,6 @@ { "fillType": "color", "blendMode": "normal", - "fill": { - "r": 0, - "g": 255, - "b": 0, - "a": 1 - }, "color": { "r": 0, "g": 255, @@ -415,37 +385,6 @@ { "fillType": "gradient", "blendMode": "normal", - "fill": { - "type": "linear", - "from": { - "x": 0.5, - "y": 0 - }, - "to": { - "x": 0.5, - "y": 1 - }, - "colorStops": [ - { - "color": { - "r": 255, - "g": 255, - "b": 255, - "a": 0.5 - }, - "position": 0 - }, - { - "color": { - "r": 0, - "g": 0, - "b": 0, - "a": 0.5 - }, - "position": 1 - } - ] - }, "gradient": { "type": "linear", "from": { @@ -503,12 +442,6 @@ { "fillType": "color", "blendMode": "normal", - "fill": { - "r": 0, - "g": 0, - "b": 255, - "a": 1 - }, "color": { "r": 0, "g": 0, @@ -540,71 +473,38 @@ { "position": "outside", "thickness": 6, - "fill": { - "type": "gradient", - "blendMode": "normal", - "fill": { - "type": "radial", - "from": { - "x": 0.5, - "y": 0 - }, - "to": { - "x": 0.5, - "y": 1 - }, - "colorStops": [ - { - "color": { - "r": 255, - "g": 0, - "b": 0, - "a": 1 - }, - "position": 0 - }, - { - "color": { - "r": 255, - "g": 0, - "b": 0, - "a": 0 - }, - "position": 1 - } - ] + "fillType": "gradient", + "blendMode": "normal", + "gradient": { + "type": "radial", + "from": { + "x": 0.5, + "y": 0 }, - "gradient": { - "type": "radial", - "from": { - "x": 0.5, - "y": 0 - }, - "to": { - "x": 0.5, - "y": 1 + "to": { + "x": 0.5, + "y": 1 + }, + "colorStops": [ + { + "color": { + "r": 255, + "g": 0, + "b": 0, + "a": 1 + }, + "position": 0 }, - "colorStops": [ - { - "color": { - "r": 255, - "g": 0, - "b": 0, - "a": 1 - }, - "position": 0 + { + "color": { + "r": 255, + "g": 0, + "b": 0, + "a": 0 }, - { - "color": { - "r": 255, - "g": 0, - "b": 0, - "a": 0 - }, - "position": 1 - } - ] - } + "position": 1 + } + ] } } ], @@ -632,21 +532,13 @@ { "position": "inside", "thickness": 2, - "fill": { - "type": "color", - "blendMode": "normal", - "fill": { - "r": 0, - "g": 0, - "b": 0, - "a": 1 - }, - "color": { - "r": 0, - "g": 0, - "b": 0, - "a": 1 - } + "fillType": "color", + "blendMode": "normal", + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 1 } } ], diff --git a/src/template/src/index.test.js b/src/template/src/index.test.js index 6114e87..72b8f63 100644 --- a/src/template/src/index.test.js +++ b/src/template/src/index.test.js @@ -1,71 +1,71 @@ -import extension from './index'; +import extension from "./index"; import { context, version, screens, components } from "./fixtures"; -describe('Colors', () => { - it('should generate code snippet', () => { - const code = extension.colors(context); - return expect(Promise.resolve(code)).resolves.toMatchSnapshot(); - }); +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(); - }); + 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(); - }); +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(); - }); + 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(); - }); +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(); - }); + 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(); + 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(); + 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, version, component); - return expect(Promise.resolve(code)).resolves.toMatchSnapshot(); + describe(`Component \`${component.name}\``, () => { + it("should generate code snippet", async () => { + const code = extension.component(context, version, component); + return expect(Promise.resolve(code)).resolves.toMatchSnapshot(); + }); }); - }); });