Web UI Polymer 3: Port cr-link-row

- Autogenerate Polymer 3 version of cr-link-row and tests
- Add to demo page

Bug: 965770
Change-Id: Ie375a47e04063909db61c360ced871f521f61985
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1789977Reviewed-by: Esmael Elmoslimany <aee@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#695345}

chrome/browser/resources/print_preview/polymer3/demo.js

@@ -9,6 +9,7 @@ import 'chrome://resources/cr_elements/cr_drawer/cr_drawer.m.js';
 import 'chrome://resources/cr_elements/cr_expand_button/cr_expand_button.m.js';
 import 'chrome://resources/cr_elements/cr_icon_button/cr_icon_button.m.js';
 import 'chrome://resources/cr_elements/cr_input/cr_input.m.js';
+import 'chrome://resources/cr_elements/cr_link_row/cr_link_row.m.js';
 import 'chrome://resources/cr_elements/cr_radio_button/cr_radio_button.m.js';
 import 'chrome://resources/cr_elements/cr_radio_group/cr_radio_group.m.js';
 import 'chrome://resources/cr_elements/cr_search_field/cr_search_field.m.js';
@@ -126,7 +127,11 @@ class HelloPolymer3Element extends PolymerElement {
             icon-aria-label="This setting is controlled by policy">
         </cr-tooltip-icon>
         <cr-toggle disabled checked></cr-toggle>
+      </div>
+
       <div>
+        <cr-link-row class="hr" label="Hello Link Row"></cr-link-row>
+      </div>
     `;
   }
 

chrome/test/data/webui/BUILD.gn

@@ -168,6 +168,7 @@ js2gtest("browser_tests_js_webui") {
     "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_drawer_tests.m.js",
     "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_expand_button_tests.m.js",
     "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_icon_button_tests.m.js",
+    "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_link_row_tests.m.js",
     "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_radio_button_test.m.js",
     "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_radio_group_test.m.js",
     "$root_gen_dir/chrome/test/data/webui/cr_elements/cr_search_field_tests.m.js",

chrome/test/data/webui/cr_elements/BUILD.gn

@@ -16,6 +16,7 @@ js_modulizer("modulize") {
     "cr_icon_button_tests.js",
     "cr_icon_button_focus_tests.js",
     "cr_input_test.js",
+    "cr_link_row_tests.js",
     "cr_radio_button_test.js",
     "cr_radio_group_test.js",
     "cr_search_field_tests.js",

chrome/test/data/webui/cr_elements/cr_elements_v3_browsertest.js

@@ -115,6 +115,18 @@ TEST_F('CrElementsIconButtonV3Test', 'All', function() {
   mocha.run();
 });
 
+// eslint-disable-next-line no-var
+var CrElementsLinkRowV3Test = class extends CrElementsV3BrowserTest {
+  /** @override */
+  get browsePreload() {
+    return 'chrome://test?module=cr_elements/cr_link_row_tests.m.js';
+  }
+};
+
+TEST_F('CrElementsLinkRowV3Test', 'All', function() {
+  mocha.run();
+});
+
 // eslint-disable-next-line no-var
 var CrElementsRadioButtonV3Test = class extends CrElementsV3BrowserTest {
   /** @override */

chrome/test/data/webui/cr_elements/cr_link_row_tests.js

@@ -2,6 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+// clang-format off
+// #import 'chrome://resources/cr_elements/cr_link_row/cr_link_row.m.js';
+// clang-format on
+
 suite('cr-link-row', function() {
   let linkRow;
 

ui/webui/resources/cr_elements/BUILD.gn

@@ -39,6 +39,7 @@ group("closure_compile") {
     "cr_expand_button:closure_compile_module",
     "cr_icon_button:closure_compile_module",
     "cr_input:closure_compile_module",
+    "cr_link_row:closure_compile_module",
     "cr_radio_button:closure_compile_module",
     "cr_radio_group:closure_compile_module",
     "cr_search_field:closure_compile_module",
@@ -140,6 +141,7 @@ group("polymer3_elements") {
     "cr_icon_button:cr_icon_button_module",
     "cr_input:cr_input_module",
     "cr_input:cr_input_style_css_module",
+    "cr_link_row:cr_link_row_module",
     "cr_radio_button:cr_radio_button_module",
     "cr_radio_button:cr_radio_button_style_css_module",
     "cr_radio_button:modulize",

ui/webui/resources/cr_elements/cr_link_row/BUILD.gn

@@ -3,6 +3,7 @@
 # found in the LICENSE file.
 
 import("//third_party/closure_compiler/compile_js.gni")
+import("//tools/polymer/polymer.gni")
 
 js_type_check("closure_compile") {
   deps = [
@@ -15,3 +16,26 @@ js_library("cr_link_row") {
     "../cr_icon_button:cr_icon_button",
   ]
 }
+
+polymer_modulizer("cr_link_row") {
+  js_file = "cr_link_row.js"
+  html_file = "cr_link_row.html"
+  html_type = "dom-module"
+}
+
+js_type_check("closure_compile_module") {
+  is_polymer3 = true
+  deps = [
+    ":cr_link_row.m",
+  ]
+}
+
+js_library("cr_link_row.m") {
+  sources = [
+    "$root_gen_dir/ui/webui/resources/cr_elements/cr_link_row/cr_link_row.m.js",
+  ]
+  deps = [
+    "../cr_icon_button:cr_icon_button.m",
+  ]
+  extra_deps = [ ":cr_link_row_module" ]
+}

ui/webui/resources/cr_elements_resources_v3.grdp

@@ -51,6 +51,11 @@
          use_base_dir="false"
          type="BINDATA"
          compress="gzip" />
+  <include name="IDR_CR_ELEMENTS_CR_LINK_ROW_M_JS"
+         file="${root_gen_dir}/ui/webui/resources/cr_elements/cr_link_row/cr_link_row.m.js"
+         use_base_dir="false"
+         type="BINDATA"
+         compress="gzip" />
   <include name="IDR_CR_ELEMENTS_CR_RADIO_BUTTON_M_JS"
          file="${root_gen_dir}/ui/webui/resources/cr_elements/cr_radio_button/cr_radio_button.m.js"
          use_base_dir="false"