Stronger react dom refreshed

tests/jsx_intrinsics.builtin/strings.js

@@ -15,4 +15,4 @@ var Str: string = 'str';
 React.createElement('div', {}); // This is fine
 React.createElement('bad', {}); // This is fine
 
-<Div id={42} />; // This is fine
+<Div nonexistentProp={42} />; // This is fine

tests/react_16_3/react_16_3.exp

@@ -41,9 +41,9 @@ References:
    forwardRef.js:19:32
     19| const badRef = React.createRef<HTMLDivElement>();
                                        ^^^^^^^^^^^^^^ [1]
-   <BUILTINS>/react-dom.js:290:22
-   290|   button: {instance: HTMLButtonElement, props: {children?: React$Node, [key: string]: any}},
-                             ^^^^^^^^^^^^^^^^^ [2]
+   <BUILTINS>/react-dom.js:290:44
+   290|   button: ReactDOM$HTMLElementJSXIntrinsic<HTMLButtonElement, ReactDOM$HTMLElementProps>,
+                                                   ^^^^^^^^^^^^^^^^^ [2]
    <BUILTINS>/react.js:240:6
    240|   ): {|current: null | T|};
              ^^^^^^^^^^^^^^^^^^^^^ [3]
@@ -72,9 +72,9 @@ References:
    forwardRef.js:23:50
     23| const _g =  <FancyButton foo={3} ref={(x: null | HTMLDivElement) => x} />; // Incorrect ref type
                                                          ^^^^^^^^^^^^^^ [3]
-   <BUILTINS>/react-dom.js:290:22
-   290|   button: {instance: HTMLButtonElement, props: {children?: React$Node, [key: string]: any}},
-                             ^^^^^^^^^^^^^^^^^ [4]
+   <BUILTINS>/react-dom.js:290:44
+   290|   button: ReactDOM$HTMLElementJSXIntrinsic<HTMLButtonElement, ReactDOM$HTMLElementProps>,
+                                                   ^^^^^^^^^^^^^^^^^ [4]
 
 
 Error ---------------------------------------------------------------------------------------------- forwardRef.js:42:12

tests/react_dom/.flowconfig

@@ -0,0 +1,2 @@
+[options]
+no_flowlib=false

tests/react_dom/dangerouslySetInnerHTML.js

@@ -0,0 +1,8 @@
+// @flow
+
+import React from "react";
+
+<article dangerouslySetInnerHTML />; // Error: Expected object
+<article dangerouslySetInnerHTML="<blink>Hello</blink>" />; // Error: Expected object
+<article dangerouslySetInnerHTML={{ __html: "<blink>Hello</blink>" }} />; // OK
+<article dangerouslySetInnerHTML={{ html: "<blink>Hello</blink>" }} />; // Error: Missing __html

tests/react_dom/events.js

@@ -0,0 +1,19 @@
+// @flow
+
+import React from "react";
+
+<button onClick={() => {}} />; // OK
+<input onChange="foo" />; // Error: Expected function
+<div onMouseMoveCapture={(event: SyntheticMouseEvent<HTMLElement>) => {}} />; // OK
+<textarea onKeyDown={(event: SyntheticMouseEvent<HTMLElement>) => {}} />; // Error: Wrong event type
+<p onKeyPressCapture={(event: SyntheticKeyboardEvent<HTMLElement>) => {}} />; // OK
+<iframe onLoad={event => { (event.currentTarget: HTMLIFrameElement); }} />; // OK
+<canvas onFocus={(event: SyntheticEvent<HTMLElement>) => {}} />; // OK to annotate loosely
+<a onMouseEnter={(event: SyntheticMouseEvent<HTMLElement>) => {}} />; // OK
+<nav onMouseLeave={(event: SyntheticMouseEvent<HTMLElement>) => {}} />; // OK
+<span onTouchTapCapture={(event: SyntheticUIEvent<HTMLElement>) => {}} />; // OK
+<dialog onCompositionEnd={(event: SyntheticCompositionEvent<HTMLElement>) => {}} />; // OK
+<article onBeforeInput={(event: SyntheticInputEvent<HTMLElement>) => {}} />; // OK
+<img onMouseDown={event => {
+    const buttons: string = event.buttons; // Error: number ~> string
+}} />

tests/react_dom/props_boolean.js

@@ -0,0 +1,15 @@
+// @flow
+
+import React from "react";
+
+<span hidden />; // OK
+<span hidden={false} />; // OK
+<span hidden={null} />; // Error: Expected DOM boolean
+<span hidden="true" />; // Error: Expected DOM boolean
+<span hidden="false" />; // Error: Expected DOM boolean
+<span hidden="" />; // Error: Expected DOM boolean
+<span hidden="yes" />; // Error: Expected DOM boolean
+<span hidden="hidden" />; // OK
+
+// FIXME: Case-insensitive match should be allowed, per HTML spec
+<span hidden="Hidden" />; // Currently an error

tests/react_dom/props_booleanish_string.js

@@ -0,0 +1,12 @@
+// @flow
+
+import React from "react";
+
+<div contentEditable />; // OK
+<div contentEditable={false} />; // OK
+<div contentEditable={null} />; // Error: Expected booleanish string
+<div contentEditable="true" />; // OK
+<div contentEditable="false" />; // OK
+<div contentEditable="" />; // Error: Expected booleanish string
+<div contentEditable="yes" />; // Error: Expected booleanish string
+<div contentEditable="contentEditable" />; // Error: Expected booleanish string

tests/react_dom/props_enum.js

@@ -0,0 +1,15 @@
+// @flow
+
+import React from "react";
+
+<header dir />; // Error: Expected enum
+<header dir="ltr" />; // OK
+<header dir="rtl" />; // OK
+<header dir="auto" />; // OK
+
+// FIXME: Case-insensitive match should be allowed, per HTML spec
+<header dir="Ltr" />; // currently an error
+
+// These likely variants are special-cased
+<header dir="LTR" />; // OK
+<header dir="RTL" />; // OK

tests/react_dom/props_number.js

@@ -0,0 +1,11 @@
+// @flow
+
+import React from "react";
+
+<h1 tabIndex />; // Error: Expected number
+<h1 tabIndex={-1} />; // OK
+<h1 tabIndex={0} />; // OK
+<h1 tabIndex={1} />; // OK
+
+<h1 tabIndex="foo" />; // Error: Expected number
+<h1 tabIndex="1" />; // Error: Expected number

tests/react_dom/props_string.js

@@ -0,0 +1,6 @@
+// @flow
+
+import React from "react";
+
+<html id="root" />; // OK
+<html id={42} />; // Error: Expected string

tests/react_dom/props_style.js

@@ -0,0 +1,6 @@
+// @flow
+
+import React from "react";
+
+<footer style={{marginRight: "1em"}} />; // OK
+<footer style="margin-right: 1em;" />; // Error: Expected object