diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /devtools/client/inspector/markup/test/doc_markup_events_react_development_15.4.1_jsx.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/inspector/markup/test/doc_markup_events_react_development_15.4.1_jsx.html')
-rw-r--r-- | devtools/client/inspector/markup/test/doc_markup_events_react_development_15.4.1_jsx.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/doc_markup_events_react_development_15.4.1_jsx.html b/devtools/client/inspector/markup/test/doc_markup_events_react_development_15.4.1_jsx.html new file mode 100644 index 0000000000..2483984ca1 --- /dev/null +++ b/devtools/client/inspector/markup/test/doc_markup_events_react_development_15.4.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.4.1.js"></script> + <script src="lib_react_dom_15.4.1.js"></script> + <script src="react_external_listeners.js"></script> + </head> + <body> + <h1>doc_markup_events_react_development_15.4.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> |