Update unit test (an integration test almost)

Ariel-Rodriguez · Ariel-Rodriguez · commit af6ee3a478af · 2018-11-05T19:32:27.000+01:00
diff --git a/test/index.test.js b/test/index.test.js
@@ -1,14 +1,29 @@
 import React from 'react'
 import test from 'ava'
-import { renderToString } from '../src'
+import { renderToString, AMP } from '../src'
 import styled from 'styled-components'
 
-test('RAMPT render', async t => {
+test('it renders simple node element', async t => {
   const body = React.createElement('body', {})
   const output = renderToString(body)
   t.regex(output, /<body><\/body>/, 'Renders HTML template with body element.')
 })
 
+const renderAllAMPComponents = () => {
+  const Title = React.createElement(AMP.Title, {}, 'title')
+  const Link = React.createElement(AMP.Link, { src: 'https://link' }, 'link')
+  const body = React.createElement('body', {}, [Title, Link])
+  return renderToString(body)
+}
+
+test('it renders all AMP node element', t => {
+  const render1 = renderAllAMPComponents()
+  const render2 = renderAllAMPComponents()
+  t.true(render1 === render2, 'Each render should not mix the state between each other.')
+  t.snapshot(render1)
+})
+
+
 test('RAMPT render with styles', async t => {
   const styledBody = styled.body`background: red;`
   const body = React.createElement(styledBody, {})
diff --git a/test/snapshots/index.test.js.md b/test/snapshots/index.test.js.md
@@ -0,0 +1,22 @@
+# Snapshot report for `test/index.test.js`
+
+The actual snapshot is saved in `index.test.js.snap`.
+
+Generated by [AVA](https://ava.li).
+
+## it renders all AMP node element
+
+> Snapshot 1
+
+    `<!DOCTYPE html>␊
+    <html ⚡>␊
+    <head>␊
+      <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />␊
+      <script async="" src="https://cdn.ampproject.org/v0.js"></script>␊
+      <title>title</title>␊
+      <link src="https://link" />␊
+      <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>␊
+      <style amp-custom=""></style>␊
+    </head>␊
+    <body></body>␊
+    </html>`
diff --git a/test/snapshots/index.test.js.snap b/test/snapshots/index.test.js.snap
