From e5405c76f6449f836ad70dabc0bb7c1a9157f4ee Mon Sep 17 00:00:00 2001
From: Daniel Whitney <whitneyd.dev@gmail.com>
Date: Sun, 30 Jun 2024 10:09:19 -0400
Subject: [PATCH 1/5] chore: add text and link

---
 src/App.test.tsx |  6 ++++++
 src/App.tsx      | 10 ++++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/App.test.tsx b/src/App.test.tsx
index fa0ee75..c61e8e7 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -25,6 +25,12 @@ test('home page counter', async () => {
     expect(screen.getByText(/count is 3/i)).not.toBeNull()
 })
 
+test('should have a card with a link to a LinkedIn post', () => {
+
+    const link = screen.getByText(/LinkedIn Post about this/i)
+    expect(link).not.toBeNull()
+})
+
 test.each(links)('should have a link to %s', (linkText) => {
 
     const link = screen.getByAltText(linkText)
diff --git a/src/App.tsx b/src/App.tsx
index 6db7459..0b8eff8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -17,6 +17,16 @@ function App() {
         </a>
       </div>
       <h1>Vite + React</h1>
+      <div className="card">
+        <p>
+          This is an example of a change in code that can be validated in a testing framework in a CI pipeline
+        </p>
+        <small>
+          <a href="https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs?utm_source=share&utm_medium=member_desktop" target="_blank">
+            LinkedIn Post about this
+          </a>
+        </small>
+      </div>
       <div className="card">
         <button name='count' onClick={() => setCount((count) => count + 1)}>
           count is {count}

From 79bc46acf25336d9436d1db3a8d70e70e58baa5f Mon Sep 17 00:00:00 2001
From: Daniel Whitney <whitneyd.dev@gmail.com>
Date: Sun, 30 Jun 2024 10:18:00 -0400
Subject: [PATCH 2/5] chore: update PW test

---
 tests/example.spec.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/tests/example.spec.ts b/tests/example.spec.ts
index 9462a8b..e5b0932 100644
--- a/tests/example.spec.ts
+++ b/tests/example.spec.ts
@@ -8,5 +8,14 @@ test('has title', async ({ page, context }) => {
   await page.goto('/')
   // Expect a title "to contain" a substring.
   await expect(page).toHaveTitle("Vite + React + TS");
+
+  // Expect an element matching text.
+});
+
+test('has a card with a link to a LinkedIn post', async ({ page }) => {
+  await page.goto('/')
+  const link = await page.getAttribute('text=LinkedIn Post about this', 'href');
+  await expect(link).toBeDefined();
+  await expect(link).toHaveProperty('href', 'https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs/?utm_source=share&utm_medium=member_desktop');
 });
 

From 1e56d530cbb1e72ce56b02593b7841c6163a5c1d Mon Sep 17 00:00:00 2001
From: Daniel Whitney <whitneyd.dev@gmail.com>
Date: Sun, 30 Jun 2024 10:23:28 -0400
Subject: [PATCH 3/5] fix: fix PW test

---
 tests/example.spec.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/example.spec.ts b/tests/example.spec.ts
index e5b0932..fd4f561 100644
--- a/tests/example.spec.ts
+++ b/tests/example.spec.ts
@@ -14,8 +14,8 @@ test('has title', async ({ page, context }) => {
 
 test('has a card with a link to a LinkedIn post', async ({ page }) => {
   await page.goto('/')
-  const link = await page.getAttribute('text=LinkedIn Post about this', 'href');
+  const link = await page.getByRole('link', { name: /LinkedIn Post about this/i });
   await expect(link).toBeDefined();
-  await expect(link).toHaveProperty('href', 'https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs/?utm_source=share&utm_medium=member_desktop');
+  await expect(link).toHaveAttribute('href', 'https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs/?utm_source=share&utm_medium=member_desktop');
 });
 

From 7de9084edf74662a688f1fe3a876f7a67384cdc0 Mon Sep 17 00:00:00 2001
From: Daniel Whitney <whitneyd.dev@gmail.com>
Date: Sun, 30 Jun 2024 10:35:18 -0400
Subject: [PATCH 4/5] fix: fix link

---
 tests/example.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/example.spec.ts b/tests/example.spec.ts
index fd4f561..69229f0 100644
--- a/tests/example.spec.ts
+++ b/tests/example.spec.ts
@@ -16,6 +16,6 @@ test('has a card with a link to a LinkedIn post', async ({ page }) => {
   await page.goto('/')
   const link = await page.getByRole('link', { name: /LinkedIn Post about this/i });
   await expect(link).toBeDefined();
-  await expect(link).toHaveAttribute('href', 'https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs/?utm_source=share&utm_medium=member_desktop');
+  await expect(link).toHaveAttribute('href', 'https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs?utm_source=share&utm_medium=member_desktop')
 });
 

From 18be77a43710a9d54163d8433ae063e0aebcf117 Mon Sep 17 00:00:00 2001
From: Daniel Whitney <whitneyd.dev@gmail.com>
Date: Sun, 30 Jun 2024 10:43:46 -0400
Subject: [PATCH 5/5] whoops lol

---
 tests/example.spec.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/tests/example.spec.ts b/tests/example.spec.ts
index 69229f0..5ea4a46 100644
--- a/tests/example.spec.ts
+++ b/tests/example.spec.ts
@@ -9,13 +9,8 @@ test('has title', async ({ page, context }) => {
   // Expect a title "to contain" a substring.
   await expect(page).toHaveTitle("Vite + React + TS");
 
-  // Expect an element matching text.
-});
-
-test('has a card with a link to a LinkedIn post', async ({ page }) => {
   await page.goto('/')
   const link = await page.getByRole('link', { name: /LinkedIn Post about this/i });
   await expect(link).toBeDefined();
   await expect(link).toHaveAttribute('href', 'https://www.linkedin.com/posts/daniel-wh_github-daniel-whcommithashdeploy-activity-7213178505499475968-JjVs?utm_source=share&utm_medium=member_desktop')
 });
-