add svg test case

Author: Facebook Post Ideas

package.json

@@ -1,12 +1,13 @@
 {
  "name": "vhtml",
  "amdName": "vhtml",
- "version": "2.2.0",
+ "version": "2.2.1",
  "description": "Hyperscript reviver that constructs a sanitized HTML string.",
  "main": "dist/vhtml.js",
  "minified:main": "dist/vhtml.min.js",
  "jsnext:main": "src/vhtml.js",
  "scripts": {
+ "preinstall": "npx only-allow pnpm",
  "build": "vite build && tsc --declaration && pnpm size",
  "tsc": "tsc",
  "size": "echo \"gzip size: $(gzip-size $npm_package_minified_main | pretty-bytes)\"",

test/vhtml.test.tsx

@@ -195,34 +195,21 @@ describe('vhtml', () => {
  )
  })
 
- it('should support sortof components without args but with children', () => {
- let items = ['one', 'two']
-
- const Item = ({ children }) => (
- <li>
- <h4></h4>
- {children}
- </li>
- )
-
+ it('should support svg', () => {
  expect(
- < !--comments -->
- <div class="foo">
- <h1>Hi!</h1>
- <ul>
- {items.map((item, index) => (
- <Item>
- This is item {item}!
- </Item>
- ))}
- </ul>
- </div>
+ <svg viewBox="0 0 100 100">
+ <g transform="translate(50, 50)">
+ <circle class="clock-face" r={48} />
+ <line class="millisecond" y2={-44} />
+ <line class="hour" y2={-22} />
+ <line class="minute" y2={-32} />
+ <line class="second" y2={-38} />
+ </g>
+ </svg>
  ).to.equal(
- `<div class="foo"><h1>Hi!</h1><ul><li><h4></h4>This is item one!</li><li><h4></h4>This is item two!</li></ul></div>`
+ `<svg viewBox="0 0 100 100"><g transform="translate(50, 50)"><circle class="clock-face" r="48"></circle><line class="millisecond" y2="-44"></line><line class="hour" y2="-22"></line><line class="minute" y2="-32"></line><line class="second" y2="-38"></line></g></svg>`
  )
  })
-
-
  it('should support empty comment', () => {
  expect(
  h('!', null)