[WebOTP] Fix flaky test SameSiteNavigationResetsDocumentUsedWebOTP

Gives more time to propagate the WebOTP bit.

Bug: 1120305
Change-Id: Id350a03de42d3ea5895f01f47cdb5fff7ce801e5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2405374Reviewed-by: Ken Buchanan <kenrb@chromium.org>
Commit-Queue: Yi Gu <yigu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#807065}

content/browser/renderer_host/render_frame_host_impl_browsertest.cc

@@ -3717,17 +3717,26 @@ IN_PROC_BROWSER_TEST_F(RenderFrameHostImplBrowserTest,
 // Check that same site navigation correctly resets document_used_web_otp_.
 IN_PROC_BROWSER_TEST_F(RenderFrameHostImplBrowserTest,
                        SameSiteNavigationResetsDocumentUsedWebOTP) {
-  const GURL first_url(
-      embedded_test_server()->GetURL("/page_with_webotp.html"));
-  const GURL second_url(embedded_test_server()->GetURL("/empty.html"));
-
-  // Load a URL that maps to the same SiteInstance as the second URL, to make
-  // sure the second navigation will not be cross-process.
+  const GURL first_url(embedded_test_server()->GetURL("/title1.html"));
   ASSERT_TRUE(NavigateToURL(shell(), first_url));
 
+  std::string script = R"(
+    var element = document.createElement('div');
+    document.body.appendChild(element);
+    navigator.credentials.get({
+      otp: {transport:['sms']}
+    })
+    .then(content => element.value = content.code);
+  )";
+  EXPECT_TRUE(ExecuteScript(web_contents(), script));
+  EXPECT_TRUE(WaitForLoadStop(web_contents()));
+
   RenderFrameHostImpl* main_rfh = web_contents()->GetMainFrame();
   EXPECT_TRUE(main_rfh->DocumentUsedWebOTP());
 
+  // Loads a URL that maps to the same SiteInstance as the first URL, to make
+  // sure the navigation will not be cross-process.
+  const GURL second_url(embedded_test_server()->GetURL("/title2.html"));
   ASSERT_TRUE(NavigateToURL(shell(), second_url));
   EXPECT_FALSE(main_rfh->DocumentUsedWebOTP());
 }

content/test/data/page_with_webotp.html

-<input autocomplete="one-time-code">
-<script>
-  const ac = document.querySelector('input[autocomplete="one-time-code"]');
-  navigator.credentials.get({
-    otp: {transport:['sms']}
-  })
-  .then(content => ac.value = content.code);
-</script>
-