[CrOS Settings] Fix flaky OSSettingsMultideviceFeatureItemV3Test.

Fixed by directly clicking on the element that has the corresponding
click handler instead of its child elements.

Fixed: 1146224
Change-Id: Ia7b98e89f9de280cd0e0d1bc73e8ad507fb97c32
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2534697Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Commit-Queue: Regan Hsu <hsuregan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#827090}

chrome/browser/resources/settings/chromeos/multidevice_page/multidevice_feature_item.html

@@ -40,7 +40,7 @@
       }
     </style>
     <div id="card" class="settings-box two-line no-padding">
-      <div class="link-wrapper" actionable
+      <div id="linkWrapper" class="link-wrapper"
            actionable$="[[isRowClickable_(
                feature, pageContentData, subpageRoute)]]"
            on-click="handleItemClick_">

chrome/test/data/webui/settings/chromeos/multidevice_feature_item_tests.js

@@ -75,10 +75,10 @@ suite('Multidevice', function() {
    * @param {HTMLElement} element. Target of click.
    */
   async function checkWhetherFeatureToggleClickedFired(element) {
-    const showCellularSetupPromise =
+    const expectedEvent =
         test_util.eventToPromise('feature-toggle-clicked', featureToggle);
     element.click();
-    await Promise.all([showCellularSetupPromise, test_util.flushTasks()]);
+    await Promise.all([expectedEvent, test_util.flushTasks()]);
   }
 
   setup(function() {
@@ -128,11 +128,7 @@ suite('Multidevice', function() {
     featureState = settings.MultiDeviceFeatureState.ENABLED_BY_USER;
     featureItem.subpageRoute = null;
 
-    await checkWhetherFeatureToggleClickedFired(
-        featureItem.$$('#item-text-container'));
-    await checkWhetherFeatureToggleClickedFired(featureItem.$$('iron-icon'));
-    await checkWhetherFeatureToggleClickedFired(
-        featureItem.$$('#featureSecondary'));
+    await checkWhetherFeatureToggleClickedFired(featureItem.$$('#linkWrapper'));
   });
 
   test('toggle click does not navigate to subpage in any state', function() {

chrome/test/data/webui/settings/chromeos/os_settings_v3_browsertest.js

@@ -87,8 +87,7 @@ TEST_F('OSSettingsNearbyShareSubPageV3Test', 'All', () => mocha.run());
  ['InternetSubpage', 'internet_subpage_tests.m.js'],
  ['InternetPage', 'internet_page_tests.m.js'],
  ['LocalizedLink', 'localized_link_test.m.js'],
- // TODO(https://crbug.com/1146224): Re-enable flaky test.
- // ['MultideviceFeatureItem', 'multidevice_feature_item_tests.m.js'],
+ ['MultideviceFeatureItem', 'multidevice_feature_item_tests.m.js'],
  ['MultideviceFeatureToggle', 'multidevice_feature_toggle_tests.m.js'],
  ['MultidevicePage', 'multidevice_page_tests.m.js'],
  ['MultideviceSmartLockSubPage', 'multidevice_smartlock_subpage_test.m.js'],