From 926d99a2d28a4aafeca5e7cf6908920461723c0e Mon Sep 17 00:00:00 2001 From: Matt Swensen Date: Fri, 20 Mar 2020 07:04:35 -0600 Subject: [PATCH] Implement renderInstructions in themer-wallpaper-triangles --- cli/packages/themer-wallpaper-triangles/README.md | 2 ++ .../lib/__snapshots__/index.spec.js.snap | 9 +++++++++ cli/packages/themer-wallpaper-triangles/lib/index.js | 2 ++ .../themer-wallpaper-triangles/lib/index.spec.js | 8 +++++++- cli/packages/themer-wallpaper-triangles/package.json | 2 +- 5 files changed, 21 insertions(+), 2 deletions(-) diff --git a/cli/packages/themer-wallpaper-triangles/README.md b/cli/packages/themer-wallpaper-triangles/README.md index 6e7c36e..430f00e 100644 --- a/cli/packages/themer-wallpaper-triangles/README.md +++ b/cli/packages/themer-wallpaper-triangles/README.md @@ -32,3 +32,5 @@ By default, `themer-wallpaper-triangles` will output wallpapers at the following to which you would pass `x`. For example, to forego the default resolutions and generate two wallpapers, one 1024 by 768 and one 320 by 960: themer -c my-colors.js -t themer-wallpaper-triangles --themer-wallpaper-triangles-size 1024x768 --themer-wallpaper-triangles-size 320x960 -o gen + +The generated files will be listed in `/README.md`. diff --git a/cli/packages/themer-wallpaper-triangles/lib/__snapshots__/index.spec.js.snap b/cli/packages/themer-wallpaper-triangles/lib/__snapshots__/index.spec.js.snap index 1d7bc5d..cf731fe 100644 --- a/cli/packages/themer-wallpaper-triangles/lib/__snapshots__/index.spec.js.snap +++ b/cli/packages/themer-wallpaper-triangles/lib/__snapshots__/index.spec.js.snap @@ -1,5 +1,14 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP +exports[`themer "triangles" wallpaper should list outputfiles 1`] = ` +" +Files generated: + +* \`themer-wallpaper-triangles-dark-1000x1000.svg\` +* \`themer-wallpaper-triangles-light-1000x1000.svg\` +" +`; + exports[`themer "triangles" wallpaper when given both a light and a dark theme and when rendering a given resolution should render valid SVG 1`] = ` " diff --git a/cli/packages/themer-wallpaper-triangles/lib/index.js b/cli/packages/themer-wallpaper-triangles/lib/index.js index 80f8c29..f91d3a7 100644 --- a/cli/packages/themer-wallpaper-triangles/lib/index.js +++ b/cli/packages/themer-wallpaper-triangles/lib/index.js @@ -2,6 +2,7 @@ const { getSizesFromOptOrDefault, colorSets: getColorSets, deepFlatten, + listOutputFiles, } = require('themer-utils'); const render = (colors, options) => { @@ -91,4 +92,5 @@ const render = (colors, options) => { module.exports = { render, + renderInstructions: listOutputFiles, }; diff --git a/cli/packages/themer-wallpaper-triangles/lib/index.spec.js b/cli/packages/themer-wallpaper-triangles/lib/index.spec.js index 7a55436..37bfb8c 100644 --- a/cli/packages/themer-wallpaper-triangles/lib/index.spec.js +++ b/cli/packages/themer-wallpaper-triangles/lib/index.spec.js @@ -1,4 +1,4 @@ -const {render} = require('./index'); +const {render, renderInstructions} = require('./index'); const {colors} = require('../../themer-colors-default'); describe('themer "triangles" wallpaper', () => { @@ -57,4 +57,10 @@ describe('themer "triangles" wallpaper', () => { test('when given both a light and a dark theme', colors, 4); test('when given only a dark theme', {dark: colors.dark}, 2); test('when given only a light theme', {light: colors.light}, 2); + + it('should list outputfiles', async () => { + const files = await Promise.all(render(colors, { 'themer-wallpaper-triangles-size': '1000x1000' })); + const instructions = renderInstructions(files.map(({ name }) => name)); + expect(instructions).toMatchSnapshot(); + }); }); diff --git a/cli/packages/themer-wallpaper-triangles/package.json b/cli/packages/themer-wallpaper-triangles/package.json index 3167d8d..5e2f3b8 100644 --- a/cli/packages/themer-wallpaper-triangles/package.json +++ b/cli/packages/themer-wallpaper-triangles/package.json @@ -24,7 +24,7 @@ }, "homepage": "https://github.com/mjswensen/themer/tree/master/cli/packages/themer-wallpaper-triangles#readme", "dependencies": { - "themer-utils": "^1.1.0" + "themer-utils": "^1.2.0" }, "peerDependencies": { "themer": "^1.0.2||^2||^3"