[Qt] css2.1/t1* tests needs rebaseline after new testfonts
[WebKit-https.git] / ManualTests / forms / color-suggestion-picker.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset=utf-8>
5 <title>Color Suggestion Picker test</title>
6 <style>
7 body {
8     background-color: #eeffff;
9 }
10 iframe {
11     z-index: 2147483647;
12     width: 180px;
13     height: 240px;
14     border: 0;
15     overflow: hidden;
16 }
17 </style>
18 </head>
19 <body>
20
21 <p>This is a testbed for a color suggestion picker.</p>
22
23 <div><input type="color" id="color"></div>
24 <iframe></iframe>
25
26 <ol id="console" style="font-family:monospace;">
27 </ol>
28
29 <script>
30 var arguments = {
31     values : ['#000000', '#404040', '#808080', '#c0c0c0', '#ffffff', '#980000', '#ff0000', '#ff9900', '#ffff00', '#00ff00', '#00ffff', '#4a86e8', '#0000ff', '#9900ff', '#ff00ff', '#404040', '#808080', '#c0c0c0', '#ffffff', '#980000', '#ff0000', '#ff9900', '#ffff00', '#00ff00', '#00ffff', '#4a86e8', '#0000ff', '#9900ff', '#ff00ff'],
32     otherColorLabel: 'Other...'
33 };
34
35 function openColorPicker(args) {
36     var frame = document.getElementsByTagName('iframe')[0];
37     var doc = frame.contentDocument;
38     doc.documentElement.innerHTML = '<head></head><body><div id=main>Loading...</div></body>';
39     var link = doc.createElement('link');
40     link.rel = 'stylesheet';
41     link.href = '../../Source/WebCore/Resources/colorSuggestionPicker.css?' + (new Date()).getTime();
42     doc.head.appendChild(link);
43     var script = doc.createElement('script');
44     script.src = '../../Source/WebCore/Resources/colorSuggestionPicker.js?' + (new Date()).getTime();
45     doc.body.appendChild(script);
46
47     var pagePopupController = {
48         setValueAndClosePopup: function(numValue, stringValue) {
49             window.log('number=' + numValue + ', string="' + stringValue + '"');
50             if (numValue === 0)
51                 window.document.getElementById('color').value = stringValue;
52         }
53     }
54
55     setTimeout(function() {
56         frame.contentWindow.postMessage(JSON.stringify(args), "*");
57         frame.contentWindow.pagePopupController = pagePopupController;
58     }, 100);
59 }
60
61 function log(str) {
62     var entry = document.createElement('li');
63     entry.innerText = str;
64     document.getElementById('console').appendChild(entry);
65 }
66
67 openColorPicker(arguments);
68 </script>
69 </body>
70 </html>