From b8701c3c05b8125aa074ca5cd4597aaa50df1392 Mon Sep 17 00:00:00 2001
From: eric-gade <eric.gade@gsa.gov>
Date: Wed, 24 Jul 2024 14:28:59 -0400
Subject: [PATCH 1/4] Add padding boittom to the footer

This prevents the touchpoints button from covering anything
---
 web/themes/new_weather_theme/templates/layout/footer.html.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/themes/new_weather_theme/templates/layout/footer.html.twig b/web/themes/new_weather_theme/templates/layout/footer.html.twig
index 8cce4ed00..98cc0d52f 100644
--- a/web/themes/new_weather_theme/templates/layout/footer.html.twig
+++ b/web/themes/new_weather_theme/templates/layout/footer.html.twig
@@ -1,5 +1,5 @@
 {% if page.footer %}
-  <footer role="contentinfo" class="margin-top-0">
+  <footer role="contentinfo" class="margin-top-0 padding-bottom-3">
     <div class="usa-identifier">
       <nav class="usa-identifier__section usa-identifier__section--required-links" aria-label="Important links,">
         <div class="grid-container">

From b23fbbe14aed0060dfdcc651f0fedca82a755913 Mon Sep 17 00:00:00 2001
From: eric-gade <eric.gade@gsa.gov>
Date: Wed, 24 Jul 2024 15:06:28 -0400
Subject: [PATCH 2/4] Adding eep make command for playwright tests

---
 Makefile | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/Makefile b/Makefile
index 74c87cb4f..0b1c6febf 100644
--- a/Makefile
+++ b/Makefile
@@ -116,6 +116,10 @@ ee: end-to-end-test
 end-to-end-test: ## Run end-to-end tests in Cypress. (alias ee)
 	npx cypress run --project tests/e2e
 
+eep: end-to-end-playwright
+end-to-end-playwright: ## Run Playwright version of e2e tests
+	npx playwright test e2e/*
+
 lt: load-time-test
 load-time-test: ## Run page load time tests in Cypress (alias lt)
 	npx cypress run --project tests/load-times

From fdfdc6a3575e0c542e14fbd8e3eb276242b1e8a6 Mon Sep 17 00:00:00 2001
From: eric-gade <eric.gade@gsa.gov>
Date: Wed, 24 Jul 2024 15:06:46 -0400
Subject: [PATCH 3/4] Adding basic touchpoint playwright tests

---
 tests/playwright/e2e/touchpoints.spec.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 tests/playwright/e2e/touchpoints.spec.js

diff --git a/tests/playwright/e2e/touchpoints.spec.js b/tests/playwright/e2e/touchpoints.spec.js
new file mode 100644
index 000000000..5ca053b0d
--- /dev/null
+++ b/tests/playwright/e2e/touchpoints.spec.js
@@ -0,0 +1,22 @@
+const { test, expect } = require("@playwright/test");
+const { describe, beforeEach } = test;
+
+describe("Touchpoints button tests", () => {
+  describe("Basic layout", () => {
+
+    test("Touchpoints button is visible", async ({ page }) => {
+      await page.goto("http://localhost:8080/");
+      const button = await page.locator("a.touchpoints-button");
+
+      await expect(button).toBeVisible();
+    });
+
+    test("Does not occlude any links in the footer", async ({ page }) => {
+      await page.goto("http:localhost:8080/");
+      await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));
+      const footerLinks = await page.locator("footer a").last();
+
+      await expect(footerLinks).toBeVisible();
+    });
+  });
+});

From 0e4322295acbfadc8bfb01c8407246c22ff05ae1 Mon Sep 17 00:00:00 2001
From: eric-gade <eric.gade@gsa.gov>
Date: Wed, 24 Jul 2024 15:35:06 -0400
Subject: [PATCH 4/4] linty mcginty

---
 tests/playwright/e2e/touchpoints.spec.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/tests/playwright/e2e/touchpoints.spec.js b/tests/playwright/e2e/touchpoints.spec.js
index 5ca053b0d..fe0f6ec76 100644
--- a/tests/playwright/e2e/touchpoints.spec.js
+++ b/tests/playwright/e2e/touchpoints.spec.js
@@ -1,5 +1,6 @@
 const { test, expect } = require("@playwright/test");
-const { describe, beforeEach } = test;
+
+const { describe } = test;
 
 describe("Touchpoints button tests", () => {
   describe("Basic layout", () => {