fix: handle special SVG attributes

gregberge/svgr#199
smooth-code · Oct 5, 2018 · efc529c · efc529c
1 parent b1c70ae
commit efc529c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/h2x-plugin-jsx/src/index.test.js b/packages/h2x-plugin-jsx/src/index.test.js
@@ -101,4 +101,11 @@ describe('transformJsx', () => {
       `<div id="foo" style={{"fontSize":10,"lineHeight":1.2}} />`,
     )
   })
+
+  it('should handle special SVG attributes', () => {
+    const code = `<svg autoReverse="false" externalResourcesRequired="true" focusable="true" preserveAlpha="false"></svg>`
+    expect(transform(code, { plugins: [transformJsx] }).trim()).toBe(
+      '<svg autoReverse="false" externalResourcesRequired="true" focusable="true" preserveAlpha="false" />',
+    )
+  })
 })
diff --git a/packages/h2x-plugin-jsx/src/visitor.js b/packages/h2x-plugin-jsx/src/visitor.js
@@ -7,6 +7,8 @@ import { isNumeric, hyphenToCamelCase } from './util'
 const ATTRIBUTE_MAPPING = {
   for: 'htmlFor',
   class: 'className',
+  autoreverse: 'autoReverse',
+  externalresourcesrequired: 'externalResourcesRequired',
 }
 
 const ELEMENT_ATTRIBUTE_MAPPING = {
@@ -155,7 +157,6 @@ export default {
   HTMLElement: {
     enter(path) {
       const jsxElement = new JSXElement()
-
       jsxElement.name = transformTagName(path.node.tagName)
       jsxElement.attributes = listToArray(path.node.attributes)
       jsxElement.children = listToArray(path.node.childNodes)