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_production_16.2.0_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 '')
-rw-r--r-- | devtools/client/inspector/markup/test/doc_markup_events_react_production_16.2.0_jsx.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/doc_markup_events_react_production_16.2.0_jsx.html b/devtools/client/inspector/markup/test/doc_markup_events_react_production_16.2.0_jsx.html new file mode 100644 index 0000000000..ed39b90c2b --- /dev/null +++ b/devtools/client/inspector/markup/test/doc_markup_events_react_production_16.2.0_jsx.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + + <script src="lib_babel_6.21.0_min.js"></script> + <script src="lib_react_16.2.0_min.js"></script> + <script src="lib_react_dom_16.2.0_min.js"></script> + <script src="react_external_listeners.js"></script> + </head> + <body> + <h1>doc_markup_events_react_production_16.2.0_jsx.html</h1> + + <div id="container"></div> + + <script type="text/babel"> + "use strict"; + + /* global React, ReactDOM, externalCapturingFunction, externalFunction */ + /* exported ClickMe */ + + class ClickMe extends React.Component { + inlineFunction() { + 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> |