From 580ccbcf1a8874f729095b9bdc3f7eb7fa03af57 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Sat, 14 Oct 2023 23:08:25 +0200
Subject: [PATCH] Invert markdown plain buttons in Blob component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 src/views/projects/Source/Blob.svelte |  4 ++--
 tests/e2e/project.spec.ts             | 26 +++++++++++++-------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/views/projects/Source/Blob.svelte b/src/views/projects/Source/Blob.svelte
index 72000746e..ed9ab0286 100644
--- a/src/views/projects/Source/Blob.svelte
+++ b/src/views/projects/Source/Blob.svelte
@@ -264,7 +264,7 @@
               window.location.hash = "";
               showMarkdown = true;
             }}>
-            Plain
+            Markdown
           </Button>
           <Button
             styleBorderRadius="0"
@@ -272,7 +272,7 @@
             on:click={() => {
               showMarkdown = false;
             }}>
-            Markdown
+            Plain
           </Button>
         </Radio>
       {/if}
diff --git a/tests/e2e/project.spec.ts b/tests/e2e/project.spec.ts
index 882828f3b..e7a56e10c 100644
--- a/tests/e2e/project.spec.ts
+++ b/tests/e2e/project.spec.ts
@@ -98,7 +98,7 @@ test("source file highlighting", async ({ page }) => {
 
 test("navigate line numbers", async ({ page }) => {
   await page.goto(`${markdownUrl}/tree/main/cheatsheet.md`);
-  await page.getByRole("button", { name: "Markdown" }).click();
+  await page.getByRole("button", { name: "Plain" }).click();
 
   await page.getByRole("link", { name: "5", exact: true }).click();
   await expect(page.locator("#L5")).toHaveClass("line highlight");
@@ -115,7 +115,7 @@ test("navigate line numbers", async ({ page }) => {
   // Check that we go back to the Markdown view when navigating to a different
   // file.
   await page.getByRole("link", { name: "footnotes.md" }).click();
-  await expect(page.getByRole("button", { name: "Markdown" })).toHaveClass(
+  await expect(page.getByRole("button", { name: "Plain" })).toHaveClass(
     /secondary/,
   );
 });
@@ -241,21 +241,21 @@ test("markdown files", async ({ page }) => {
 
   // Switch between raw and rendered modes.
   {
-    await expect(page.getByRole("button", { name: "Plain" })).toHaveClass(
-      /secondary/,
-    );
-    await expect(
-      page.getByRole("button", { name: "Markdown" }),
-    ).not.toHaveClass(/secondary/);
-    await page.getByRole("button", { name: "Markdown" }).click();
-    await expect(page.getByRole("button", { name: "Plain" })).not.toHaveClass(
-      /secondary/,
-    );
     await expect(page.getByRole("button", { name: "Markdown" })).toHaveClass(
       /secondary/,
     );
-    await expect(page.getByText("##### Table of Contents")).toBeVisible();
+    await expect(page.getByRole("button", { name: "Plain" })).not.toHaveClass(
+      /secondary/,
+    );
     await page.getByRole("button", { name: "Plain" }).click();
+    await expect(
+      page.getByRole("button", { name: "Markdown" }),
+    ).not.toHaveClass(/secondary/);
+    await expect(page.getByRole("button", { name: "Plain" })).toHaveClass(
+      /secondary/,
+    );
+    await expect(page.getByText("##### Table of Contents")).toBeVisible();
+    await page.getByRole("button", { name: "Markdown" }).click();
   }
 
   // Internal links go to anchor.