test: improve renderer testing (#31)

src/renderer.test.ts

@@ -14,9 +14,25 @@ void test('render', () => {
   const parsedInput: Components = parseInput(mistCSS)
   const actual = render(name, parsedInput)
   const expected: string = mistTSX
+
+  // Update fixtures if needed
   if (process.env['UPDATE']) {
     console.log('Updating fixtures')
     fs.writeFileSync(`fixtures/${name}.mist.tsx`, render(name, parsedInput))
   }
+
+  // Check that the generated file contains the expected content
+  assert.ok(actual.includes('// Generated by MistCSS'))
+  assert.ok(actual.includes('type FooProps'))
+  assert.ok(actual.includes('export function Foo'))
+  assert.ok(actual.includes('<div'))
+  assert.ok(actual.includes('className="foo"'))
+  assert.ok(actual.includes('data-fooSize={fooSize}'))
+  assert.ok(actual.includes('data-x={x}'))
+  assert.ok(actual.includes('{children}'))
+  assert.ok(actual.includes('type BarProps'))
+  assert.ok(actual.includes('export function Bar'))
+
+  // Do a full comparison as a sanity check
   assert.strictEqual(actual, expected)
 })