Merge pull request #185 from remarkablemark/test/helpers

test: refactor tests and add snapshots

Author: remarkablemark

test/__snapshots__/attributes-to-props.test.js.snap

@@ -1,6 +1,118 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`attributes to props style parses CSS to JS 1`] = `
+exports[`attributesToProps with HTML attribute converts RDFa attributes to React props 1`] = `
+Object {
+  "property": "foo",
+  "typeof": "bar",
+}
+`;
+
+exports[`attributesToProps with HTML attribute converts attributes to React props 1`] = `
+Object {
+  "className": "ic",
+  "htmlFor": "tran",
+  "httpEquiv": "refresh",
+}
+`;
+
+exports[`attributesToProps with HTML attribute converts attributes with weird capitalization 1`] = `
+Object {
+  "acceptCharset": "ISO-8859-1",
+  "data-FOO": "bar",
+  "formNoValidate": true,
+  "security": "restricted",
+}
+`;
+
+exports[`attributesToProps with HTML attribute converts boolean attributes 1`] = `
+Object {
+  "allowFullScreen": true,
+  "allowpaymentrequest": "",
+  "async": true,
+  "autoFocus": true,
+  "autoPlay": true,
+  "checked": true,
+  "controls": true,
+  "default": true,
+  "disabled": true,
+  "formNoValidate": true,
+  "hidden": true,
+  "ismap": "",
+  "itemScope": true,
+  "loop": true,
+  "multiple": true,
+  "muted": true,
+  "noValidate": true,
+  "nomodule": "",
+  "open": true,
+  "playsInline": true,
+  "readOnly": true,
+  "required": true,
+  "reversed": true,
+  "selected": true,
+  "truespeed": "",
+}
+`;
+
+exports[`attributesToProps with HTML attribute converts non-standard attributes to React props 1`] = `
+Object {
+  "itemID": 1337,
+  "itemScope": true,
+}
+`;
+
+exports[`attributesToProps with HTML attribute converts standard attributes to React props 1`] = `
+Object {
+  "allowFullScreen": true,
+  "charSet": "utf-8",
+  "tabIndex": 1,
+}
+`;
+
+exports[`attributesToProps with HTML attribute keeps \`data-*\` and \`aria-*\` attributes as is 1`] = `
+Object {
+  "aria-live": "polite",
+  "data-foo": "bar",
+}
+`;
+
+exports[`attributesToProps with SVG attribute converts attributes to React props 1`] = `
+Object {
+  "edgeMode": "edgeMode",
+  "fillOpacity": "0.42",
+  "fillRule": "evenodd",
+  "glyphOrientationVertical": "auto",
+  "horizAdvX": "9001",
+  "stroke": "none",
+  "xmlBase": "http://example.org",
+}
+`;
+
+exports[`attributesToProps with SVG attribute keeps incorrectly capitalized attributes 1`] = `
+Object {
+  "XLINK:HREF": "#",
+  "YChannelSelector": "G",
+  "ZoomAndPan": "disable",
+}
+`;
+
+exports[`attributesToProps with custom attribute converts attributes named after Object properties 1`] = `
+Object {
+  "__defineGetter__": "",
+  "__defineSetter__": "",
+  "__lookupGetter__": "",
+  "__lookupSetter__": "",
+  "constructor": "",
+  "hasOwnProperty": "",
+  "isPrototypeOf": "",
+  "propertyIsEnumerable": "",
+  "toLocaleString": "",
+  "toString": "",
+  "valueOf": "",
+}
+`;
+
+exports[`attributesToProps with style attribute parses CSS style to JS object 1`] = `
 Object {
   "style": Object {
     "--custom-property": "#f00",

test/__snapshots__/dom-to-react.test.js.snap

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`DOM to React converts <textarea> correctly 1`] = `
+exports[`domToReact converts <textarea> correctly 1`] = `
 <textarea
   defaultValue="foo"
 />
 `;
 
-exports[`DOM to React converts SVG element with viewBox attribute 1`] = `
+exports[`domToReact converts SVG element with viewBox attribute 1`] = `
 <svg
   id="foo"
   viewBox="0 0 512 512"
@@ -15,7 +15,7 @@ exports[`DOM to React converts SVG element with viewBox attribute 1`] = `
 </svg>
 `;
 
-exports[`DOM to React converts multiple DOM nodes to React 1`] = `
+exports[`domToReact converts multiple DOM nodes to React 1`] = `
 Array [
   <p>
     foo
@@ -26,13 +26,13 @@ Array [
 ]
 `;
 
-exports[`DOM to React converts single DOM node to React 1`] = `
+exports[`domToReact converts single DOM node to React 1`] = `
 <p>
   foo
 </p>
 `;
 
-exports[`DOM to React does not escape <script> content 1`] = `
+exports[`domToReact does not escape <script> content 1`] = `
 <script
   dangerouslySetInnerHTML={
     Object {
@@ -42,7 +42,7 @@ exports[`DOM to React does not escape <script> content 1`] = `
 />
 `;
 
-exports[`DOM to React does not escape <style> content 1`] = `
+exports[`domToReact does not escape <style> content 1`] = `
 <style
   dangerouslySetInnerHTML={
     Object {
@@ -52,14 +52,14 @@ exports[`DOM to React does not escape <style> content 1`] = `
 />
 `;
 
-exports[`DOM to React does not modify attributes on custom elements 1`] = `
+exports[`domToReact does not modify attributes on custom elements 1`] = `
 <custom-button
   class="myClass"
   custom-attribute="value"
 />
 `;
 
-exports[`DOM to React skips doctype and comments 1`] = `
+exports[`domToReact skips doctype and comments 1`] = `
 Array [
   <p>
     foo
@@ -70,13 +70,13 @@ Array [
 ]
 `;
 
-exports[`DOM to React when React <16 removes unknown attributes 1`] = `
+exports[`domToReact when React <16 removes unknown attributes 1`] = `
 <custom-button
   className="myClass"
 />
 `;
 
-exports[`DOM to React when React >=16 preserves unknown attributes 1`] = `
+exports[`domToReact when React >=16 preserves unknown attributes 1`] = `
 <custom-button
   class="myClass"
   custom-attribute="value"