Use snapshot to test output of build script (#383)

package.json

@@ -20,7 +20,6 @@
     "js-yaml": "^3.13.1",
     "lodash.keyby": "^4.6.0",
     "trim-newlines": "^3.0.0",
-    "yargs": "^15.1.0",
-    "yup": "^0.28.1"
+    "yargs": "^15.1.0"
   }
 }

tests/build.js

@@ -2,29 +2,13 @@
 const path = require('path')
 const test = require('ava')
 const execa = require('execa')
-const yup = require('yup')
 
-test('builds a JSON object with a valid schema', t => {
-  const schema = yup.array(
-    yup.object({
-      name: yup.string().required(),
-      // `array().required()` doesn't work for `keywords` because
-      // `array().required()` treats `[]` as a missing value.
-      // `mixed().required()` ensures that the property is defined,
-      // but doesn't ensure that it's an array.
-      keywords: yup.array().ensure(),
-      width: yup.number().required(),
-      height: yup.number().required(),
-      path: yup.string().required()
-    })
-  )
-
-  return execa(path.resolve(__dirname, '../script/build.js'), ['--input=../icons/**/*.svg'], {
+test('builds an object with the correct shape', t => {
+  return execa(path.resolve(__dirname, '../script/build.js'), ['--input', 'icon-a.svg', 'icon-b.svg'], {
     cwd: __dirname
   }).then(({stdout}) => {
     const icons = JSON.parse(stdout)
-
-    t.true(schema.isValidSync(Object.values(icons)))
+    t.snapshot(icons)
   })
 })
 

tests/snapshots/build.js.md

@@ -0,0 +1,26 @@
+# Snapshot report for `tests/build.js`
+
+The actual snapshot is saved in `build.js.snap`.
+
+Generated by [AVA](https://ava.li).
+
+## builds an object with the correct shape
+
+> Snapshot 1
+
+    {
+      'icon-a': {
+        height: 16,
+        keywords: [],
+        name: 'icon-a',
+        path: '<path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 000 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 00.01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path>',
+        width: 16,
+      },
+      'icon-b': {
+        height: 16,
+        keywords: [],
+        name: 'icon-b',
+        path: '<path fill-rule="evenodd" d="M13 2H1v2h12V2zM0 4a1 1 0 001 1v9a1 1 0 001 1h10a1 1 0 001-1V5a1 1 0 001-1V2a1 1 0 00-1-1H1a1 1 0 00-1 1v2zm2 1h10v9H2V5zm2 3h6V7H4v1z"></path>',
+        width: 14,
+      },
+    }