WebUI: Add test to JS module version of cr.ui.Grid

Bug: 1133198
Change-Id: Idd34346986ab6157713792b218400a096cc5f435
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2474314
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: dpapad <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#818805}

chrome/test/data/webui/BUILD.gn

@@ -441,6 +441,7 @@ group("modulize") {
     "./cr_components:modulize",
     "./cr_components/chromeos:modulize",
     "./cr_elements:modulize",
+    "./js/cr/ui:modulize",
     "./resources:modulize",
     "./settings:modulize",
   ]

chrome/test/data/webui/js/cr/ui/BUILD.gn

+# Copyright 2020 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("//third_party/closure_compiler/compile_js.gni")
+import("//ui/webui/resources/tools/js_modulizer.gni")
+
+group("modulize") {
+  deps = [ ":modulize_local" ]
+}
+
+js_modulizer("modulize_local") {
+  input_files = [ "grid_test.js" ]
+
+  namespace_rewrites = [
+    "cr.ui.Grid|Grid",
+    "cr.ui.ArrayDataModel|ArrayDataModel",
+  ]
+}

chrome/test/data/webui/js/cr/ui/grid_test.js

@@ -2,7 +2,12 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-function testGetColumnCount() {
+// clang-format off
+// #import {Grid} from 'chrome://resources/js/cr/ui/grid.m.js';
+// #import {ArrayDataModel} from 'chrome://resources/js/cr/ui/array_data_model.m.js';
+// clang-format on
+
+/* #export */ function testGetColumnCount() {
   var g = cr.ui.Grid.prototype;
   g.measured_ = {
     height: 8,
@@ -78,3 +83,5 @@ function testGetColumnCount() {
   // Can not fit two columns due to bigger horizontal padding.
   assertEquals(1, columns);
 }
+
+window.testGetColumnCount = testGetColumnCount;

chrome/test/data/webui/webui_resource_browsertest.cc

@@ -5,6 +5,7 @@
 #include <vector>
 
 #include "base/path_service.h"
+#include "base/strings/string_util.h"
 #include "chrome/browser/profiles/profile.h"
 #include "chrome/browser/ui/browser.h"
 #include "chrome/browser/ui/tabs/tab_strip_model.h"
@@ -124,6 +125,10 @@ IN_PROC_BROWSER_TEST_F(WebUIResourceBrowserTest, ListTest) {
 IN_PROC_BROWSER_TEST_F(WebUIResourceBrowserTest, GridTest) {
   LoadTestUrl("js/cr/ui/grid_test.html");
 }
+
+IN_PROC_BROWSER_TEST_F(WebUIResourceBrowserTest, GridModuleTest) {
+  LoadTestUrl("?module=js/cr/ui/grid_test.m.js");
+}
 #endif
 
 IN_PROC_BROWSER_TEST_F(WebUIResourceBrowserTest, ListSelectionModelTest) {

ui/webui/resources/tools/js_modulizer.gni

@@ -46,6 +46,8 @@ template("js_modulizer") {
           [ "$target_gen_dir/" + get_path_info(_input, "name") + ".m.js" ]
     }
 
+    data = outputs
+
     args = [
              "--in_folder",
              rebase_path(".", root_build_dir),