diff options
Diffstat (limited to '')
-rw-r--r-- | devtools/client/inspector/markup/test/doc_markup_events_react_production_15.3.1_jsx.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/doc_markup_events_react_production_15.3.1_jsx.html b/devtools/client/inspector/markup/test/doc_markup_events_react_production_15.3.1_jsx.html new file mode 100644 index 0000000000..f67317c9df --- /dev/null +++ b/devtools/client/inspector/markup/test/doc_markup_events_react_production_15.3.1_jsx.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + + <script src="lib_babel_6.21.0_min.js"></script> + <script src="lib_react_with_addons_15.3.1_min.js"></script> + <script src="lib_react_dom_15.3.1_min.js"></script> + <script src="react_external_listeners.js"></script> + </head> + <body> + <h1>doc_markup_events_react_production_15.3.1_jsx.html</h1> + + <div id="container"></div> + + <script type="text/babel"> + "use strict"; + + /* global React, ReactDOM, externalCapturingFunction, externalFunction */ + /* exported ClickMe */ + + var ClickMe = React.createClass({ + // eslint-disable-next-line object-shorthand + inlineFunction: function () { + alert("inlineFunction"); + }, + + render() { + return ( + <div> + <h3 id="inlinejsx" onClick={this.inlineFunction}>Click for inlineFunction</h3> + <h3 id="externaljsx" onClick={externalFunction}>Click for externalFunction</h3> + <h3 id="externalinlinejsx" onClick={externalFunction} + onMouseUp={this.inlineFunction}> + Click for both + </h3> + <h3 id="externalcapturingjsx" onClickCapture={externalCapturingFunction}> + Click for externalCapturingFunction + </h3> + </div> + ); + } + }); + + ReactDOM.render( + <ClickMe />, + document.getElementById("container") + ); + </script> + </body> +</html> |