FCL/sf/mw/qtwebkit: comparison WebCore/manual-tests/inspector/display-form-data.html

equal deleted inserted replaced

--1:000000000000
+:4f2f89ce4247
+<html>
+<head>
+<title>Tests for Bug 22920</title>
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
+</head>
+<body>
+<p>Tests for
+<ul>
+<li><p><a href="https://bugs.webkit.org/show_bug.cgi?id=22920">Bug 22920: Inspector Request Headers Should Show Data/Variables/Parameters Sent With Request</a>
+<li><p><a href="https://bugs.webkit.org/show_bug.cgi?id=28970">Bug 28970: content-type parameters not taken into account when building form-data</a>
+</ul>
+<p>To test, open the Inspector on this page, go to the Resources panel,
+and select the various resources created by this page in the left column of the
+Resources panel.  Note that for test-4 ...
+test-11, the -sync and -async versions should show the same Form Data,
+Request Payload and/or Query String Parameter values.
+<ul>
+<li><p><b>test-1</b>:
+<br>no Form Data, Request Payload or Query String Parameters
+<li><p><b>test-2</b>:
+<br>Query String Parameters (1): "parm1: abc"
+<li><p><b>test-3</b>:
+<br>Query String Parameters (2): "parm1: def" and "parm2: g h i";
+Hovering over either parm should yield a tooltip:
+<i>"Double-Click to toggle between URL encoded and decoded formats"</i>.
+Double-clicking on either parm should toggle between encoded and decoded
+versions of the string.  The decoded form is initially displayed.
+The encoded form of parm2 is "g%20h+i".
+<li><p><b>test-4</b>:
+<br>no Form Data, Request Payload or Query String Parameters
+<li><p><b>test-5</b>:
+<br>Query String Parameters (1): "parm1: abc"
+<li><p><b>test-6</b>:
+<br>Query String Parameters (3): "parm1: def" and "parm2: g h i" and "parm3: jj kk ll"
+<li><p><b>test-7</b>:
+<br>Request Payload: 3 lines of text data with a very long 2nd line which should wrap
+<li><p><b>test-8</b>:
+<br>Request Payload: 3 lines of text data with a very long 2nd line which should wrap
+<li><p><b>test-9</b>:
+<br>Request Payload: 3 lines of text data with a very long 2nd line of binary data which should wrap
+<li><p><b>test-10</b>:
+<br>Form Data (1): "parm1: abc"
+<li><p><b>test-11</b>:
+<br>Form Data (2): "parm1: def" and "parm2: g h i"
+<li><p><b>test-12</b>:
+<br>Query String Parameters (2): "parm1: abc" and "parm2: d e f"
+<br>Form Data (2): "parm1: ghi" and "parm2: j k l"
+<li><p><b>test-13</b>:
+<br>Query String Parameters (2): "parm1: &auml;bc" and "parm2: d &#x11B; f"
+<br>Form Data (2): "parm1: ghi" and "parm2: j k l"
+<p>Note that you should view the encoded values of the query string parameters
+by double-clicking on one of the parameters.  The values should be:
+<pre>
+parm1: %C3%A4bc
+parm2: d%20%C4%9B+f
+</pre>
+<li><p><b>test-14</b>:
+<br>Same results as for test-13, a slightly different but compatible Content-Type
+is used for the form data.
+<li><p><b>test-15</b>:
+<br>Query String Parameters (2): "parm1: % (unable to decode value)" and "parm2: % (unable to decode value)",
+with the parenthesized part in red.
+<br>Form Data (2): "parm1: % (unable to decode value)" and "parm2: % (unable to decode value)",
+with the parenthesized part in red.
+<p>Note that you should view the encoded values of the query string parameters
+by double-clicking on one of the parameters.  The values for all four parameters should be "%".
+<li><p><b>test-form</b>:
+<br>For this test, invoke the form at the bottom of the page
+by pressing the submit button.  The Resources panel should have a "test-form"
+resource, with the following data:
+<p>Form Data (2): "field1: value &auml;;b;c" and "field2:value d;&#x11B;;f"
+<p>Note that you should view the encoded values of the query string parameters
+by double-clicking on one of the parameters.  The values should be:
+<pre>
+field1: value+%C3%A4%3Bb%3Bc
+field2: value+d%3B%C4%9B%3Bf</pre>
+</ul>
+<p><b>test-form</b>
+<form id="form" action="http://example.org/test-form" method="post" enctype="application/x-www-form-urlencoded">
+<span style="font-size:200%">field1:</span> <input style="font-size:200%" type="text" name="field1" value="value &auml;;b;c"><br>
+<span style="font-size:200%">field2:</span> <input style="font-size:200%" type="text" name="field2" value="value d;&#x11B;;f"><br>
+<input type="submit">
+</form>
+<div style="display:none">
+<img src="http://example.org/test-1">
+<img src="http://example.org/test-2?parm1=abc">
+<img src="http://example.org/test-3?parm1=def&amp;parm2=g%20h+i">
+</div>
+<hr>
+<p><b>NLS sample info</b>
+<pre>
+<span style="font-size:300%">&auml;</span> - LATIN SMALL LETTER A WITH DIAERESIS
+Unicode: 0x00E4 == 228
+UTF8:    C3 A4
+HTML:    &amp;auml;
+<span style="font-size:300%">&#x11B;</span> - LATIN SMALL LETTER E WITH CARON
+Unicode: 0x011B == 283
+UTF8:    C4 9B
+HTML:    &amp;#x11B;
+</pre>
+<script>
+function getReadyState(num) {
+switch(num) {
+case 0: return "uninitialized";
+case 1: return "loading";
+case 2: return "loaded";
+case 3: return "interactive";
+case 4: return "complete";
+default: return "unknown: " + num;
+}
+}
+function getProcessXHR(request) {
+return function() {
+if (true) return;
+var rs = getReadyState(request.readyState);
+console.log("ready state change for " + request.url);
+console.log("   ready state:   " + rs);
+console.log("   response text: " + request.responseText);
+if (request.readyState == 4) {
+console.log("   status:        " + request.status);
+console.log("   status text:   " + request.statusText);
+}
+}
+}
+function sendXHR(url, method, headers, body) {
+if (!method) method = "GET";
+if (!headers) headers = [];
+if (!body) body="";
+// copy headers
+var headersNew = [];
+for (var i=0; i<headers.length; i++) {
+headersNew.push(headers[i]);
+}
+headers = headersNew;
+if (body != "") {
+headers.push(["Content-Length", body.length.toString()]);
+}
+// sync
+var req = new XMLHttpRequest();
+req.url = url.replace("^","-sync");
+req.onreadystatechange = getProcessXHR(req);
+req.open(method, req.url, false);
+for (var i=0; i<headers.length; i++) {
+req.setRequestHeader(headers[i][0], headers[i][1]);
+}
+req.send(body);
+// async
+var req = new XMLHttpRequest();
+req.url = url.replace("^","-async");
+req.onreadystatechange = getProcessXHR(req);
+req.open(method, req.url, true);
+for (var i=0; i<headers.length; i++) {
+req.setRequestHeader(headers[i][0], headers[i][1]);
+}
+req.send(body);
+}
+var headersPlain = [
+["Content-Type", "text/plain"]
+];
+var headersForm = [
+["Content-Type", "application/x-www-form-urlencoded"]
+];
+var headersFormExtra1 = [
+["Content-Type", "application/x-www-form-urlencoded;something-else=here"]
+];
+var headersFormExtra2 = [
+["Content-Type", "application/x-www-form-urlencoded ; something-else=here"]
+];
+var headersBinary = [
+["Content-Type", "application/octet-stream"]
+];
+var longText = "some text with a \n";
+for (var i=0; i<40; i++) {
+longText += "very-";
+}
+longText += "long\nline in it";
+var binaryData = "some text with binary data\n";
+for (var i=0; i<256; i++) {
+binaryData += String.fromCharCode(i);
+}
+binaryData += "\nin the middle of it";
+sendXHR("http://example.org/test-4^");
+sendXHR("http://example.org/test-5^?parm1=abc");
+sendXHR("http://example.org/test-6^?parm1=def&parm2=g%20h+i&parm3=jj++kk%20%20ll");
+sendXHR("http://example.org/test-7^", "POST", null, longText);
+sendXHR("http://example.org/test-8^", "POST", headersPlain, longText);
+sendXHR("http://example.org/test-9^", "POST", headersBinary, binaryData);
+sendXHR("http://example.org/test-10^", "POST", headersForm, "parm1=abc");
+sendXHR("http://example.org/test-11^", "POST", headersForm, "parm1=def&parm2=g%20h+i");
+sendXHR("http://example.org/test-12^?parm1=abc&parm2=d%20e+f", "POST", headersForm, "parm1=ghi&parm2=j%20k+l");
+sendXHR("http://example.org/test-13^?parm1=%C3%A4bc&parm2=d%20%C4%9B+f", "POST", headersFormExtra1, "parm1=ghi&parm2=j%20k+l");
+sendXHR("http://example.org/test-14^?parm1=%C3%A4bc&parm2=d%20%C4%9B+f", "POST", headersFormExtra2, "parm1=ghi&parm2=j%20k+l");
+sendXHR("http://example.org/test-15^?parm1=%&parm2=%", "POST", headersForm, "parm1=%&parm2=%");
+</script>
+</body>
+</html>