summaryrefslogtreecommitdiffstats
path: root/browser/components/search/test/browser/searchTelemetryAd_components_visibility.html
diff options
context:
space:
mode:
Diffstat (limited to 'browser/components/search/test/browser/searchTelemetryAd_components_visibility.html')
-rw-r--r--browser/components/search/test/browser/searchTelemetryAd_components_visibility.html46
1 files changed, 46 insertions, 0 deletions
diff --git a/browser/components/search/test/browser/searchTelemetryAd_components_visibility.html b/browser/components/search/test/browser/searchTelemetryAd_components_visibility.html
new file mode 100644
index 0000000000..475ada3a3c
--- /dev/null
+++ b/browser/components/search/test/browser/searchTelemetryAd_components_visibility.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <link rel="stylesheet" type="text/css" href="./serp.css" />
+</head>
+<body>
+ <section id="top">
+ <div style="display: flex; gap: 20px;">
+ <div>
+ <h5 test-label="true">ad_link</h5>
+ <!-- The parent size exceeds the window height but the first ad link is above the fold. -->
+ <div class="moz_ad" style="padding-bottom: 2000px;">
+ <a href="https://example.com/ad">Ad Link</a>
+ </div>
+ </div>
+ <div>
+ <h5 test-label="true" >ad_link</h5>
+ <a href="https://example.com/ad">Ad Link</a>
+ </div>
+ <!-- The ad links are below the fold but the test will scroll to it before the impression is recorded. -->
+ <div>
+ <h5 test-label="true">ad_link</h5>
+ <div id="second-ad" class="moz_ad" style="padding-top: 2000px;">
+ <a href="https://example.com/ad">Ad Link</a>
+ </div>
+ </div>
+ <div>
+ <h5 test-label="true" style="margin-bottom: 2000px;">ad_link</h5>
+ <a href="https://example.com/ad">Ad Link</a>
+ </div>
+ <!-- The ad links are below the fold and shouldn't be viewed in the test. -->
+ <div>
+ <h5 test-label="true">ad_link</h5>
+ <div class="moz_ad" style="padding-top: 4000px;">
+ <a href="https://example.com/ad">Ad Link</a>
+ </div>
+ </div>
+ <div>
+ <h5 test-label="true" style="margin-bottom: 4000px;">ad_link</h5>
+ <a href="https://example.com/ad">Ad Link</a>
+ </div>
+ </div>
+ </section>
+</body>
+</html>