From 5c5889dd3a3cd6ad2eb8cc1fef037e64e5c15abb Mon Sep 17 00:00:00 2001
From: Aidan <dev@aidanlowson.com>
Date: Wed, 1 Nov 2023 17:38:04 +0000
Subject: [PATCH] test(e2e,playwright): <lower-jaw> (#52040)

Co-authored-by: Aidan <aidanlowson@gmail.com>
---
 e2e/lower-jaw.spec.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/e2e/lower-jaw.spec.ts b/e2e/lower-jaw.spec.ts
index d3ba7198b0f..13b1df9465a 100644
--- a/e2e/lower-jaw.spec.ts
+++ b/e2e/lower-jaw.spec.ts
@@ -37,3 +37,26 @@ test('Click on the "Reset" button', async ({ page }) => {
 
   await expect(resetModal).toBeVisible();
 });
+
+test('Should render UI correctly', async ({ page }) => {
+  const codeCheckButton = page.getByRole('button', {
+    name: 'Check Your Code'
+  });
+  const lowerJawTips = page.getByTestId('failing-test-feedback');
+  await expect(codeCheckButton).toHaveText('Check Your Code (Ctrl + Enter)');
+  await expect(lowerJawTips).toHaveCount(0);
+});
+
+test('Should display full button text on desktop but hide (Ctrl + Enter on mobile)', async ({
+  page,
+  isMobile
+}) => {
+  const codeCheckButton = page.getByRole('button', {
+    name: 'Check Your Code'
+  });
+  await expect(codeCheckButton).toHaveText('Check Your Code (Ctrl + Enter)');
+
+  if (isMobile) {
+    await expect(codeCheckButton).toHaveText('Check Your Code');
+  }
+});