[devtools] Add DOMSnapshot domain for dom+layout+style snapshots.

headless/public/util/dom_tree_extractor_browsertest.cc

Index: headless/public/util/dom_tree_extractor_browsertest.cc
diff --git a/headless/public/util/dom_tree_extractor_browsertest.cc b/headless/public/util/dom_tree_extractor_browsertest.cc
deleted file mode 100644
index cd1dc24d4bc7a025f7aac959dee24f98113ae4f2..0000000000000000000000000000000000000000
--- a/headless/public/util/dom_tree_extractor_browsertest.cc
+++ /dev/null
@@ -1,918 +0,0 @@
-// Copyright 2016 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.
-
-#include "headless/public/util/dom_tree_extractor.h"
-
-#include <memory>
-#include "base/json/json_reader.h"
-#include "base/json/json_writer.h"
-#include "base/strings/string_util.h"
-#include "content/public/browser/render_widget_host_view.h"
-#include "content/public/browser/web_contents.h"
-#include "content/public/test/browser_test.h"
-#include "headless/lib/browser/headless_web_contents_impl.h"
-#include "headless/public/devtools/domains/emulation.h"
-#include "headless/public/devtools/domains/network.h"
-#include "headless/public/devtools/domains/page.h"
-#include "headless/public/headless_browser.h"
-#include "headless/public/headless_devtools_client.h"
-#include "headless/public/headless_devtools_target.h"
-#include "headless/test/headless_browser_test.h"
-#include "testing/gtest/include/gtest/gtest.h"
-#include "url/gurl.h"
-
-namespace headless {
-
-namespace {
-
-std::string NormaliseJSON(const std::string& json) {
-  std::unique_ptr<base::Value> parsed_json = base::JSONReader::Read(json);
-  DCHECK(parsed_json);
-  std::string normalized_json;
-  base::JSONWriter::WriteWithOptions(
-      *parsed_json, base::JSONWriter::OPTIONS_PRETTY_PRINT, &normalized_json);
-  return normalized_json;
-}
-
-}  // namespace
-
-class DomTreeExtractorBrowserTest : public HeadlessAsyncDevTooledBrowserTest,
-                                    public page::Observer {
- public:
-  void RunDevTooledTest() override {
-    EXPECT_TRUE(embedded_test_server()->Start());
-    devtools_client_->GetPage()->AddObserver(this);
-    devtools_client_->GetPage()->Enable();
-    devtools_client_->GetPage()->Navigate(
-        embedded_test_server()->GetURL("/dom_tree_test.html").spec());
-  }
-
-  void OnLoadEventFired(const page::LoadEventFiredParams& params) override {
-    devtools_client_->GetPage()->Disable();
-    devtools_client_->GetPage()->RemoveObserver(this);
-
-    extractor_.reset(new DomTreeExtractor(devtools_client_.get()));
-
-    std::vector<std::string> css_whitelist = {
-        "color",       "display",      "font-style", "font-family",
-        "margin-left", "margin-right", "margin-top", "margin-bottom"};
-    extractor_->ExtractDomTree(
-        css_whitelist,
-        base::Bind(&DomTreeExtractorBrowserTest::OnDomTreeExtracted,
-                   base::Unretained(this)));
-  }
-
-  void OnDomTreeExtracted(DomTreeExtractor::DomTree dom_tree) {
-    GURL::Replacements replace_port;
-    replace_port.SetPortStr("");
-
-    std::vector<std::unique_ptr<base::DictionaryValue>> dom_nodes(
-        dom_tree.dom_nodes_.size());
-
-    // For convenience flatten the dom tree into an array.
-    for (size_t i = 0; i < dom_tree.dom_nodes_.size(); i++) {
-      dom::Node* node = const_cast<dom::Node*>(dom_tree.dom_nodes_[i]);
-
-      dom_nodes[i].reset(
-          static_cast<base::DictionaryValue*>(node->Serialize().release()));
-
-      // Convert child & content document pointers into indexes.
-      if (node->HasChildren()) {
-        std::unique_ptr<base::ListValue> children(new base::ListValue());
-        for (const std::unique_ptr<dom::Node>& child : *node->GetChildren()) {
-          children->AppendInteger(
-              dom_tree.node_id_to_index_[child->GetNodeId()]);
-        }
-        dom_nodes[i]->Set("childIndices", std::move(children));
-        dom_nodes[i]->Remove("children", nullptr);
-      }
-
-      if (node->HasContentDocument()) {
-        dom_nodes[i]->SetInteger(
-            "contentDocumentIndex",
-            dom_tree
-                .node_id_to_index_[node->GetContentDocument()->GetNodeId()]);
-        dom_nodes[i]->Remove("contentDocument", nullptr);
-      }
-
-      dom_nodes[i]->Remove("childNodeCount", nullptr);
-
-      // Frame IDs are random.
-      if (dom_nodes[i]->HasKey("frameId"))
-        dom_nodes[i]->SetString("frameId", "?");
-
-      // Ports are random.
-      std::string url;
-      if (dom_nodes[i]->GetString("baseURL", &url)) {
-        dom_nodes[i]->SetString(
-            "baseURL", GURL(url).ReplaceComponents(replace_port).spec());
-      }
-
-      if (dom_nodes[i]->GetString("documentURL", &url)) {
-        dom_nodes[i]->SetString(
-            "documentURL", GURL(url).ReplaceComponents(replace_port).spec());
-      }
-    }
-
-    // Merge LayoutTreeNode data into the dictionaries.
-    for (const css::LayoutTreeNode* layout_node : dom_tree.layout_tree_nodes_) {
-      auto it = dom_tree.node_id_to_index_.find(layout_node->GetNodeId());
-      ASSERT_TRUE(it != dom_tree.node_id_to_index_.end());
-
-      base::DictionaryValue* node_dict = dom_nodes[it->second].get();
-      node_dict->Set("boundingBox", layout_node->GetBoundingBox()->Serialize());
-
-      if (layout_node->HasLayoutText())
-        node_dict->SetString("layoutText", layout_node->GetLayoutText());
-
-      if (layout_node->HasStyleIndex())
-        node_dict->SetInteger("styleIndex", layout_node->GetStyleIndex());
-
-      if (layout_node->HasInlineTextNodes()) {
-        std::unique_ptr<base::ListValue> inline_text_nodes(
-            new base::ListValue());
-        for (const std::unique_ptr<css::InlineTextBox>& inline_text_box :
-             *layout_node->GetInlineTextNodes()) {
-          size_t index = inline_text_nodes->GetSize();
-          inline_text_nodes->Set(index, inline_text_box->Serialize());
-        }
-        node_dict->Set("inlineTextNodes", std::move(inline_text_nodes));
-      }
-    }
-
-    std::vector<std::unique_ptr<base::DictionaryValue>> computed_styles(
-        dom_tree.computed_styles_.size());
-
-    for (size_t i = 0; i < dom_tree.computed_styles_.size(); i++) {
-      std::unique_ptr<base::DictionaryValue> style(new base::DictionaryValue());
-      for (const auto& style_property :
-           *dom_tree.computed_styles_[i]->GetProperties()) {
-        style->SetString(style_property->GetName(), style_property->GetValue());
-      }
-      computed_styles[i] = std::move(style);
-    }
-
-    const std::vector<std::string> expected_dom_nodes = {
-        R"raw_string({
-           "backendNodeId": 3,
-           "baseURL": "http://127.0.0.1/dom_tree_test.html",
-           "boundingBox": {
-              "height": 600.0,
-              "width": 800.0,
-              "x": 0.0,
-              "y": 0.0
-           },
-           "childIndices": [ 1 ],
-           "documentURL": "http://127.0.0.1/dom_tree_test.html",
-           "localName": "",
-           "nodeId": 1,
-           "nodeName": "#document",
-           "nodeType": 9,
-           "nodeValue": "",
-           "xmlVersion": ""
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 4,
-           "boundingBox": {
-              "height": 600.0,
-              "width": 800.0,
-              "x": 0.0,
-              "y": 0.0
-           },
-           "childIndices": [ 2, 6 ],
-           "frameId": "?",
-           "localName": "html",
-           "nodeId": 2,
-           "nodeName": "HTML",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 1,
-           "styleIndex": 0
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 5,
-           "childIndices": [ 3, 5 ],
-           "localName": "head",
-           "nodeId": 3,
-           "nodeName": "HEAD",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 2
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 6,
-           "childIndices": [ 4 ],
-           "localName": "title",
-           "nodeId": 4,
-           "nodeName": "TITLE",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 3
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 7,
-           "localName": "",
-           "nodeId": 5,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "Hello world!",
-           "parentId": 4
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "href", "dom_tree_test.css", "rel", "stylesheet",
-                           "type", "text/css" ],
-           "backendNodeId": 8,
-           "childIndices": [  ],
-           "localName": "link",
-           "nodeId": 6,
-           "nodeName": "LINK",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 3
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 9,
-           "boundingBox": {
-              "height": 584.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 8.0
-           },
-           "childIndices": [ 7 ],
-           "localName": "body",
-           "nodeId": 7,
-           "nodeName": "BODY",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 2,
-           "styleIndex": 1
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "id", "id1" ],
-           "backendNodeId": 10,
-           "boundingBox": {
-              "height": 354.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 8.0
-           },
-           "childIndices": [ 8, 10, 17 ],
-           "localName": "div",
-           "nodeId": 8,
-           "nodeName": "DIV",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 7,
-           "styleIndex": 0
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "class", "red" ],
-           "backendNodeId": 11,
-           "boundingBox": {
-              "height": 32.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 8.0
-           },
-           "childIndices": [ 9 ],
-           "localName": "h1",
-           "nodeId": 9,
-           "nodeName": "H1",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 8,
-           "styleIndex": 2
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 12,
-           "boundingBox": {
-              "height": 32.0,
-              "width": 320.0,
-              "x": 8.0,
-              "y": 8.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 32.0,
-                 "width": 320.0,
-                 "x": 8.0,
-                 "y": 8.0
-              },
-              "numCharacters": 10,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "Some text.",
-           "localName": "",
-           "nodeId": 10,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "Some text.",
-           "parentId": 9,
-           "styleIndex": 2
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "src", "/iframe.html", "width", "400", "height",
-                           "200" ],
-           "backendNodeId": 13,
-           "boundingBox": {
-              "height": 205.0,
-              "width": 404.0,
-              "x": 8.0,
-              "y": 61.0
-           },
-           "childIndices": [  ],
-           "contentDocumentIndex": 11,
-           "frameId": "?",
-           "localName": "iframe",
-           "nodeId": 11,
-           "nodeName": "IFRAME",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 8,
-           "styleIndex": 6
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 14,
-           "baseURL": "http://127.0.0.1/iframe.html",
-           "childIndices": [ 12 ],
-           "documentURL": "http://127.0.0.1/iframe.html",
-           "localName": "",
-           "nodeId": 12,
-           "nodeName": "#document",
-           "nodeType": 9,
-           "nodeValue": "",
-           "xmlVersion": ""
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 15,
-           "boundingBox": {
-              "height": 200.0,
-              "width": 400.0,
-              "x": 10.0,
-              "y": 63.0
-           },
-           "childIndices": [ 13, 14 ],
-           "frameId": "?",
-           "localName": "html",
-           "nodeId": 13,
-           "nodeName": "HTML",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 12,
-           "styleIndex": 3
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 16,
-           "childIndices": [  ],
-           "localName": "head",
-           "nodeId": 14,
-           "nodeName": "HEAD",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 13
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 17,
-           "boundingBox": {
-              "height": 171.0,
-              "width": 384.0,
-              "x": 18.0,
-              "y": 71.0
-           },
-           "childIndices": [ 15 ],
-           "localName": "body",
-           "nodeId": 15,
-           "nodeName": "BODY",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 13,
-           "styleIndex": 4
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 18,
-           "boundingBox": {
-              "height": 37.0,
-              "width": 384.0,
-              "x": 18.0,
-              "y": 71.0
-           },
-           "childIndices": [ 16 ],
-           "localName": "h1",
-           "nodeId": 16,
-           "nodeName": "H1",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 15,
-           "styleIndex": 5
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 19,
-           "boundingBox": {
-              "height": 36.0,
-              "width": 308.0,
-              "x": 8.0,
-              "y": 8.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 36.0,
-                 "width": 307.734375,
-                 "x": 8.0,
-                 "y": 8.0
-              },
-              "numCharacters": 22,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "Hello from the iframe!",
-           "localName": "",
-           "nodeId": 17,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "Hello from the iframe!",
-           "parentId": 16,
-           "styleIndex": 5
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "id", "id2" ],
-           "backendNodeId": 20,
-           "boundingBox": {
-              "height": 97.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 265.0
-           },
-           "childIndices": [ 18 ],
-           "localName": "div",
-           "nodeId": 18,
-           "nodeName": "DIV",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 8,
-           "styleIndex": 0
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "id", "id3" ],
-           "backendNodeId": 21,
-           "boundingBox": {
-              "height": 97.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 265.0
-           },
-           "childIndices": [ 19 ],
-           "localName": "div",
-           "nodeId": 19,
-           "nodeName": "DIV",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 18,
-           "styleIndex": 0
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "id", "id4" ],
-           "backendNodeId": 22,
-           "boundingBox": {
-              "height": 97.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 265.0
-           },
-           "childIndices": [ 20, 22, 24, 25 ],
-           "localName": "div",
-           "nodeId": 20,
-           "nodeName": "DIV",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 19,
-           "styleIndex": 0
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "href", "https://www.google.com" ],
-           "backendNodeId": 23,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 112.0,
-              "x": 8.0,
-              "y": 265.0
-           },
-           "childIndices": [ 21 ],
-           "localName": "a",
-           "nodeId": 21,
-           "nodeName": "A",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 20,
-           "styleIndex": 7
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 24,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 112.0,
-              "x": 8.0,
-              "y": 265.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 16.0,
-                 "width": 112.0,
-                 "x": 8.0,
-                 "y": 265.4375
-              },
-              "numCharacters": 7,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "Google!",
-           "localName": "",
-           "nodeId": 22,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "Google!",
-           "parentId": 21,
-           "styleIndex": 7
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 25,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 297.0
-           },
-           "childIndices": [ 23 ],
-           "localName": "p",
-           "nodeId": 23,
-           "nodeName": "P",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 20,
-           "styleIndex": 8
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 26,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 192.0,
-              "x": 8.0,
-              "y": 297.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 16.0,
-                 "width": 192.0,
-                 "x": 8.0,
-                 "y": 297.4375
-              },
-              "numCharacters": 12,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "A paragraph!",
-           "localName": "",
-           "nodeId": 24,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "A paragraph!",
-           "parentId": 23,
-           "styleIndex": 8
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 27,
-           "boundingBox": {
-              "height": 0.0,
-              "width": 0.0,
-              "x": 0.0,
-              "y": 0.0
-           },
-           "childIndices": [  ],
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 16.0,
-                 "width": 0.0,
-                 "x": 8.0,
-                 "y": 329.4375
-              },
-              "numCharacters": 1,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "\n",
-           "localName": "br",
-           "nodeId": 25,
-           "nodeName": "BR",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 20,
-           "styleIndex": 6
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [ "class", "green" ],
-           "backendNodeId": 28,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 784.0,
-              "x": 8.0,
-              "y": 345.0
-           },
-           "childIndices": [ 26, 27, 29 ],
-           "localName": "div",
-           "nodeId": 26,
-           "nodeName": "DIV",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 20,
-           "styleIndex": 9
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 29,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 80.0,
-              "x": 8.0,
-              "y": 345.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 16.0,
-                 "width": 80.0,
-                 "x": 8.0,
-                 "y": 345.4375
-              },
-              "numCharacters": 5,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "Some ",
-           "localName": "",
-           "nodeId": 27,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "Some ",
-           "parentId": 26,
-           "styleIndex": 9
-        })raw_string",
-
-        R"raw_string({
-           "attributes": [  ],
-           "backendNodeId": 30,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 80.0,
-              "x": 88.0,
-              "y": 345.0
-           },
-           "childIndices": [ 28 ],
-           "localName": "em",
-           "nodeId": 28,
-           "nodeName": "EM",
-           "nodeType": 1,
-           "nodeValue": "",
-           "parentId": 26,
-           "styleIndex": 10
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 31,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 80.0,
-              "x": 88.0,
-              "y": 345.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 16.0,
-                 "width": 80.0,
-                 "x": 88.0,
-                 "y": 345.4375
-              },
-              "numCharacters": 5,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": "green",
-           "localName": "",
-           "nodeId": 29,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": "green",
-           "parentId": 28,
-           "styleIndex": 10
-        })raw_string",
-
-        R"raw_string({
-           "backendNodeId": 32,
-           "boundingBox": {
-              "height": 17.0,
-              "width": 128.0,
-              "x": 168.0,
-              "y": 345.0
-           },
-           "inlineTextNodes": [ {
-              "boundingBox": {
-                 "height": 16.0,
-                 "width": 128.0,
-                 "x": 168.0,
-                 "y": 345.4375
-              },
-              "numCharacters": 8,
-              "startCharacterIndex": 0
-           } ],
-           "layoutText": " text...",
-           "localName": "",
-           "nodeId": 30,
-           "nodeName": "#text",
-           "nodeType": 3,
-           "nodeValue": " text...",
-           "parentId": 26,
-           "styleIndex": 9
-        })raw_string"};
-
-    EXPECT_EQ(expected_dom_nodes.size(), dom_nodes.size());
-
-    for (size_t i = 0; i < dom_nodes.size(); i++) {
-      std::string result_json;
-      base::JSONWriter::WriteWithOptions(
-          *dom_nodes[i], base::JSONWriter::OPTIONS_PRETTY_PRINT, &result_json);
-
-      ASSERT_LT(i, expected_dom_nodes.size());
-      EXPECT_EQ(NormaliseJSON(expected_dom_nodes[i]), result_json) << " Node # "
-                                                                   << i;
-    }
-
-    const std::vector<std::string> expected_styles = {
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "block",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "0px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "0px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "block",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "8px",
-           "margin-left": "8px",
-           "margin-right": "8px",
-           "margin-top": "8px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(255, 0, 0)",
-           "display": "block",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "21.44px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "21.44px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "block",
-           "font-family": "\"Times New Roman\"",
-           "font-style": "normal",
-           "margin-bottom": "0px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "0px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "block",
-           "font-family": "\"Times New Roman\"",
-           "font-style": "normal",
-           "margin-bottom": "8px",
-           "margin-left": "8px",
-           "margin-right": "8px",
-           "margin-top": "8px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "block",
-           "font-family": "\"Times New Roman\"",
-           "font-style": "normal",
-           "margin-bottom": "21.44px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "21.44px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "inline",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "0px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "0px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 238)",
-           "display": "inline",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "0px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "0px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 0, 0)",
-           "display": "block",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "16px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "16px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 128, 0)",
-           "display": "block",
-           "font-family": "ahem",
-           "font-style": "normal",
-           "margin-bottom": "0px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "0px"
-        })raw_string",
-
-        R"raw_string({
-           "color": "rgb(0, 128, 0)",
-           "display": "inline",
-           "font-family": "ahem",
-           "font-style": "italic",
-           "margin-bottom": "0px",
-           "margin-left": "0px",
-           "margin-right": "0px",
-           "margin-top": "0px"
-        }
-        )raw_string"};
-
-    for (size_t i = 0; i < computed_styles.size(); i++) {
-      std::string result_json;
-      base::JSONWriter::WriteWithOptions(*computed_styles[i],
-                                         base::JSONWriter::OPTIONS_PRETTY_PRINT,
-                                         &result_json);
-
-      ASSERT_LT(i, expected_styles.size());
-      EXPECT_EQ(NormaliseJSON(expected_styles[i]), result_json) << " Style # "
-                                                                << i;
-    }
-
-    FinishAsynchronousTest();
-  }
-
-  std::unique_ptr<DomTreeExtractor> extractor_;
-};
-
-HEADLESS_ASYNC_DEVTOOLED_TEST_F(DomTreeExtractorBrowserTest);
-
-}  // namespace headless