| // Copyright 2015 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'dart:math' as math; |
| import 'dart:ui' as ui; |
| import 'dart:typed_data'; |
| |
| const kMaxIterations = 100; |
| int peakCount = 1000; // this is the number that must be reached for us to start reporting the peak number of nodes in the tree each frame |
| |
| void report(String s) { |
| // uncomment this if you want to see what the mutations are |
| // print("$s\n"); |
| } |
| |
| ui.LayoutRoot layoutRoot = new ui.LayoutRoot(); |
| ui.Document document = new ui.Document(); |
| ui.Element root; |
| math.Random random = new math.Random(); |
| |
| bool pickThis(double odds) { |
| return random.nextDouble() < odds; |
| } |
| |
| String generateCharacter(int min, int max) { |
| String result = new String.fromCharCode(random.nextInt(max)+min); |
| report("generated character: '$result'"); |
| return result; |
| } |
| |
| String colorToCSSString(ui.Color color) { |
| return 'rgba(${color.red}, ${color.green}, ${color.blue}, ${color.alpha / 255.0})'; |
| } |
| |
| void mutate(ui.Canvas canvas) { |
| // mutate the DOM randomly |
| int iterationsLeft = kMaxIterations; |
| ui.Node node = root; |
| ui.Node other = null; |
| while (node != null && iterationsLeft > 0) { |
| iterationsLeft -= 1; |
| if (node is ui.Element && pickThis(0.4)) { |
| node = (node as ui.Element).firstChild; |
| } else if (node.nextSibling != null && pickThis(0.5)) { |
| node = node.nextSibling; |
| } else if (other == null && node != root && pickThis(0.1)) { |
| other = node; |
| node = root; |
| } else if (node != root && other != null && pickThis(0.1)) { |
| report("insertBefore()"); |
| try { |
| node.insertBefore([other]); |
| } catch (_) { |
| } |
| break; |
| } else if (node != root && pickThis(0.001)) { |
| report("remove()"); |
| node.remove(); |
| } else if (node is ui.Element) { |
| if (pickThis(0.1)) { |
| report("appending a new text node (ASCII)"); |
| node.appendChild(document.createText(generateCharacter(0x20, 0x7F))); |
| break; |
| } else if (pickThis(0.05)) { |
| report("appending a new text node (Latin1)"); |
| node.appendChild(document.createText(generateCharacter(0x20, 0xFF))); |
| break; |
| } else if (pickThis(0.025)) { |
| report("appending a new text node (BMP)"); |
| node.appendChild(document.createText(generateCharacter(0x20, 0xFFFF))); |
| break; |
| } else if (pickThis(0.0125)) { |
| report("appending a new text node (Unicode)"); |
| node.appendChild(document.createText(generateCharacter(0x20, 0x10FFFF))); |
| break; |
| } else if (pickThis(0.1)) { |
| report("appending a new Element"); |
| node.appendChild(document.createElement('t')); |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: color"); |
| node.style['color'] = colorToCSSString(new ui.Color(random.nextInt(0xFFFFFFFF) | 0xC0808080)); |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: font-size"); |
| node.style['font-size'] = "${random.nextDouble() * 48.0}px"; |
| break; |
| } else if (pickThis(0.2)) { |
| report("styling: font-weight"); |
| node.style['font-weight'] = "${random.nextInt(8)+1}00"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: line-height, dynamic"); |
| node.style['line-height'] = "${random.nextDouble()*1.5}"; |
| break; |
| } else if (pickThis(0.001)) { |
| report("styling: line-height, fixed"); |
| node.style['line-height'] = "${random.nextDouble()*1.5}px"; |
| break; |
| } else if (pickThis(0.025)) { |
| report("styling: font-style italic"); |
| node.style['font-style'] = "italic"; |
| break; |
| } else if (pickThis(0.05)) { |
| report("styling: font-style normal"); |
| node.style['font-style'] = "normal"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration"); |
| node.style['text-decoration-line'] = "none"; |
| break; |
| } else if (pickThis(0.01)) { |
| report("styling: text-decoration"); |
| node.style['text-decoration-line'] = "underline"; |
| break; |
| } else if (pickThis(0.01)) { |
| report("styling: text-decoration"); |
| node.style['text-decoration-line'] = "overline"; |
| break; |
| } else if (pickThis(0.01)) { |
| report("styling: text-decoration"); |
| node.style['text-decoration-line'] = "underline overline"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-style: inherit"); |
| node.style['text-decoration-style'] = "inherit"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-style: solid"); |
| node.style['text-decoration-style'] = "solid"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-style: double"); |
| node.style['text-decoration-style'] = "double"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-style: dotted"); |
| node.style['text-decoration-style'] = "dotted"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-style: dashed"); |
| node.style['text-decoration-style'] = "dashed"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-style: wavy"); |
| node.style['text-decoration-style'] = "wavy"; |
| break; |
| } else if (pickThis(0.1)) { |
| report("styling: text-decoration-color"); |
| node.style['text-decoration-color'] = colorToCSSString(new ui.Color(random.nextInt(0xFFFFFFFF))); |
| break; |
| } |
| } else { |
| assert(node is ui.Text); |
| final ui.Text text = node; |
| if (pickThis(0.1)) { |
| report("appending a new text node (ASCII)"); |
| text.appendData(generateCharacter(0x20, 0x7F)); |
| break; |
| } else if (pickThis(0.05)) { |
| report("appending a new text node (Latin1)"); |
| text.appendData(generateCharacter(0x20, 0xFF)); |
| break; |
| } else if (pickThis(0.025)) { |
| report("appending a new text node (BMP)"); |
| text.appendData(generateCharacter(0x20, 0xFFFF)); |
| break; |
| } else if (pickThis(0.0125)) { |
| report("appending a new text node (Unicode)"); |
| text.appendData(generateCharacter(0x20, 0x10FFFF)); |
| break; |
| } else if (text.length > 1 && pickThis(0.1)) { |
| report("deleting character from Text node"); |
| text.deleteData(random.nextInt(text.length), 1); |
| break; |
| } |
| } |
| } |
| |
| report("counting..."); |
| node = root; |
| int count = 1; |
| while (node != null) { |
| if (node is ui.Element && node.firstChild != null) { |
| node = (node as ui.Element).firstChild; |
| count += 1; |
| } else { |
| while (node != null && node.nextSibling == null) |
| node = node.parentNode; |
| if (node != null && node.nextSibling != null) { |
| node = node.nextSibling; |
| count += 1; |
| } |
| } |
| } |
| report("node count: $count\r"); |
| if (count > peakCount) { |
| peakCount = count; |
| print("peak node count so far: $count\r"); |
| } |
| |
| // draw the result |
| report("recording..."); |
| layoutRoot.maxWidth = ui.view.width; |
| layoutRoot.layout(); |
| layoutRoot.paint(canvas); |
| report("painting..."); |
| } |
| |
| ui.Picture paint(ui.Rect paintBounds) { |
| ui.PictureRecorder recorder = new ui.PictureRecorder(); |
| ui.Canvas canvas = new ui.Canvas(recorder, paintBounds); |
| mutate(canvas); |
| return recorder.endRecording(); |
| } |
| |
| ui.Scene composite(ui.Picture picture, ui.Rect paintBounds) { |
| final double devicePixelRatio = ui.view.devicePixelRatio; |
| ui.Rect sceneBounds = new ui.Rect.fromLTWH(0.0, 0.0, ui.view.width * devicePixelRatio, ui.view.height * devicePixelRatio); |
| Float64List deviceTransform = new Float64List(16) |
| ..[0] = devicePixelRatio |
| ..[5] = devicePixelRatio |
| ..[10] = 1.0 |
| ..[15] = 1.0; |
| ui.SceneBuilder sceneBuilder = new ui.SceneBuilder(sceneBounds) |
| ..pushTransform(deviceTransform) |
| ..addPicture(ui.Offset.zero, picture, paintBounds) |
| ..pop(); |
| return sceneBuilder.build(); |
| } |
| |
| void beginFrame(double timeStamp) { |
| ui.Rect paintBounds = new ui.Rect.fromLTWH(0.0, 0.0, ui.view.width, ui.view.height); |
| ui.Picture picture = paint(paintBounds); |
| ui.Scene scene = composite(picture, paintBounds); |
| ui.view.scene = scene; |
| ui.view.scheduleFrame(); |
| } |
| |
| void main() { |
| root = document.createElement('p'); |
| root.style['display'] = 'paragraph'; |
| root.style['color'] = '#FFFFFF'; |
| layoutRoot.rootElement = root; |
| ui.view.setFrameCallback(beginFrame); |
| ui.view.scheduleFrame(); |
| } |
