Implement renderInstructions in themer-wallpaper-triangles

This commit is contained in:
Matt Swensen 2020-03-20 07:04:35 -06:00
parent 0434be67ac
commit 926d99a2d2
No known key found for this signature in database
GPG Key ID: 3F9E482BFC526F35
5 changed files with 21 additions and 2 deletions

@ -32,3 +32,5 @@ By default, `themer-wallpaper-triangles` will output wallpapers at the following
to which you would pass `<width>x<height>`. 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 `<output dir>/README.md`.

@ -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`] = `
"
<svg width=\\"600\\" height=\\"600\\" viewBox=\\"0 0 600 600\\" xmlns=\\"http://www.w3.org/2000/svg\\">

@ -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,
};

@ -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();
});
});

@ -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"