From b31c57776baf60b53c9d1bb2c5bf792feb55d077 Mon Sep 17 00:00:00 2001
From: HARSH ANAND <94885893+anand-harsh@users.noreply.github.com>
Date: Wed, 11 Oct 2023 23:37:31 +0530
Subject: [PATCH] test(e2e,playwright): ms-trophy-show.tsx (#51855)

---
 .../templates/Challenges/ms-trophy/show.tsx   |  2 +
 e2e/ms-trophy-show.spec.ts                    | 37 +++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 e2e/ms-trophy-show.spec.ts

diff --git a/client/src/templates/Challenges/ms-trophy/show.tsx b/client/src/templates/Challenges/ms-trophy/show.tsx
index 41c767f67f2..2ffc167a428 100644
--- a/client/src/templates/Challenges/ms-trophy/show.tsx
+++ b/client/src/templates/Challenges/ms-trophy/show.tsx
@@ -205,6 +205,7 @@ class MsTrophy extends Component<MsTrophyProps> {
                 <Button
                   block={true}
                   bsStyle='primary'
+                  data-playwright-test-label='verify-trophy-button'
                   className='btn-invert'
                   disabled={!msUsername || isProcessing}
                   onClick={this.handleSubmit}
@@ -214,6 +215,7 @@ class MsTrophy extends Component<MsTrophyProps> {
                 <Button
                   block={true}
                   bsStyle='primary'
+                  data-playwright-test-label='ask-for-help-button'
                   className='btn-invert'
                   onClick={openHelpModal}
                 >
diff --git a/e2e/ms-trophy-show.spec.ts b/e2e/ms-trophy-show.spec.ts
new file mode 100644
index 00000000000..86e15b54af5
--- /dev/null
+++ b/e2e/ms-trophy-show.spec.ts
@@ -0,0 +1,37 @@
+import { test, expect } from '@playwright/test';
+import translations from '../client/i18n/locales/english/translations.json';
+
+const verifyTrophyButtonText = translations.buttons['verify-trophy'];
+const askForHelpButtonText = translations.buttons['ask-for-help'];
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(
+    '/learn/foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/trophy-write-your-first-code-using-c-sharp'
+  );
+});
+
+test.afterEach(async ({ page }) => {
+  await page.close();
+});
+
+test('the page should render with correct title', async ({ page }) => {
+  await expect(page).toHaveTitle(
+    'Write Your First Code Using C# - Trophy - Write Your First Code Using C# | Learn | freeCodeCamp.org'
+  );
+});
+
+test('Correct Verify Trophy button', async ({ page }) => {
+  const askHelpButton = page.getByRole('button', {
+    name: verifyTrophyButtonText
+  });
+  await expect(askHelpButton).toBeVisible();
+  await expect(askHelpButton).toHaveText(verifyTrophyButtonText);
+});
+
+test('Correct Ask for help button', async ({ page }) => {
+  const checkAnswerButton = page.getByRole('button', {
+    name: askForHelpButtonText
+  });
+  await expect(checkAnswerButton).toBeVisible();
+  await expect(checkAnswerButton).toContainText(askForHelpButtonText);
+});