From 3cafb7fa6ced503113681eefb75f80bfd1104138 Mon Sep 17 00:00:00 2001
From: 0ko <0ko@noreply.codeberg.org>
Date: Mon, 26 Jan 2026 13:12:25 +0100
Subject: [PATCH] chore(ui): change /devtest to /-/demo (#11019)

It has always been largely used for showcasing UI elements but that name didn't work too well for it.

Testing:
Some of existing tests depend on these pages, making it redundant to create extra tests.

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11019
Reviewed-by: Michael Kriese <michael.kriese@gmx.de>
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
---
 models/user/user.go                            |  1 -
 modules/testlogger/testlogger.go               |  2 +-
 .../web/{devtest/devtest.go => demo/demo.go}   | 10 +++++-----
 routers/web/web.go                             | 12 +++++++-----
 tailwind.config.js                             |  4 ++--
 templates/base/head_navbar.tmpl                | 10 +++++-----
 templates/{devtest => demo}/buttons.tmpl       |  2 +-
 templates/{devtest => demo}/dropdown.tmpl      |  2 +-
 templates/{devtest => demo}/fetch-action.tmpl  |  2 +-
 templates/{devtest => demo}/flex-list.tmpl     |  4 ++--
 .../{devtest => demo}/fomantic-modal.tmpl      |  2 +-
 templates/{devtest => demo}/gitea-ui.tmpl      | 10 +++++-----
 templates/{devtest => demo}/hashbox.tmpl       |  2 +-
 templates/{devtest => demo}/label.tmpl         |  4 ++--
 templates/{devtest => demo}/list.tmpl          | 10 +++++-----
 templates/{devtest => demo}/modal.tmpl         |  2 +-
 templates/{devtest => demo}/tmplerr-sub.tmpl   |  0
 templates/{devtest => demo}/tmplerr.tmpl       |  4 ++--
 tests/e2e/buttons.test.e2e.ts                  |  2 +-
 tests/e2e/dropdown.test.e2e.ts                 |  8 ++++----
 tests/e2e/modal.test.e2e.ts                    |  4 ++--
 ...vtest_error_test.go => error_pages_test.go} | 16 ++++++++--------
 tests/integration/navbar_test.go               |  6 +++---
 tests/integration/signin_test.go               | 18 ++++++++----------
 tests/integration/user_test.go                 |  1 -
 .../css/standalone/{devtest.css => demo.css}   |  0
 web_src/js/standalone/{devtest.js => demo.js}  |  0
 webpack.config.js                              |  6 +++---
 28 files changed, 71 insertions(+), 73 deletions(-)
 rename routers/web/{devtest/devtest.go => demo/demo.go} (92%)
 rename templates/{devtest => demo}/buttons.tmpl (95%)
 rename templates/{devtest => demo}/dropdown.tmpl (96%)
 rename templates/{devtest => demo}/fetch-action.tmpl (97%)
 rename templates/{devtest => demo}/flex-list.tmpl (96%)
 rename templates/{devtest => demo}/fomantic-modal.tmpl (98%)
 rename templates/{devtest => demo}/gitea-ui.tmpl (97%)
 rename templates/{devtest => demo}/hashbox.tmpl (97%)
 rename templates/{devtest => demo}/label.tmpl (91%)
 rename templates/{devtest => demo}/list.tmpl (56%)
 rename templates/{devtest => demo}/modal.tmpl (96%)
 rename templates/{devtest => demo}/tmplerr-sub.tmpl (100%)
 rename templates/{devtest => demo}/tmplerr.tmpl (75%)
 rename tests/integration/{devtest_error_test.go => error_pages_test.go} (79%)
 rename web_src/css/standalone/{devtest.css => demo.css} (100%)
 rename web_src/js/standalone/{devtest.js => demo.js} (100%)

diff --git a/models/user/user.go b/models/user/user.go
index c78d396f39..0fd8061a89 100644
--- a/models/user/user.go
+++ b/models/user/user.go
@@ -664,7 +664,6 @@ var (
 		"user",  // user login/activate/settings, etc
 
 		"admin",
-		"devtest",
 		"explore",
 		"issues",
 		"pulls",
diff --git a/modules/testlogger/testlogger.go b/modules/testlogger/testlogger.go
index 772ae47e71..6ced5f6780 100644
--- a/modules/testlogger/testlogger.go
+++ b/modules/testlogger/testlogger.go
@@ -367,7 +367,7 @@ var ignoredErrorMessage = []string{
 	// Test_CmdForgejo_Actions
 	`DB: No dedicated replica host defined; falling back to primary DSN for replica connections`,
 
-	// TestDevtestErrorpages
+	// TestDemoErrorPages
 	`ErrorPage() [E] Example error: Example error`,
 }
 
diff --git a/routers/web/devtest/devtest.go b/routers/web/demo/demo.go
similarity index 92%
rename from routers/web/devtest/devtest.go
rename to routers/web/demo/demo.go
index 9b5804b976..6a2256f0e0 100644
--- a/routers/web/devtest/devtest.go
+++ b/routers/web/demo/demo.go
@@ -2,7 +2,7 @@
 // Copyright 2025 The Forgejo Authors. All rights reserved.
 // SPDX-License-Identifier: MIT
 
-package devtest
+package demo
 
 import (
 	"errors"
@@ -18,9 +18,9 @@ import (
 	"forgejo.org/services/context"
 )
 
-// List all devtest templates, they will be used for e2e tests for the UI components
+// List all demo templates, they will be used for e2e tests for the UI components
 func List(ctx *context.Context) {
-	templateNames, err := templates.AssetFS().ListFiles("devtest", true)
+	templateNames, err := templates.AssetFS().ListFiles("demo", true)
 	if err != nil {
 		ctx.ServerError("AssetFS().ListFiles", err)
 		return
@@ -33,7 +33,7 @@ func List(ctx *context.Context) {
 		}
 	}
 	ctx.Data["SubNames"] = subNames
-	ctx.HTML(http.StatusOK, "devtest/list")
+	ctx.HTML(http.StatusOK, "demo/list")
 }
 
 func FetchActionTest(ctx *context.Context) {
@@ -90,5 +90,5 @@ func Tmpl(ctx *context.Context) {
 		time.Sleep(2 * time.Second)
 	}
 
-	ctx.HTML(http.StatusOK, base.TplName("devtest"+path.Clean("/"+ctx.Params("sub"))))
+	ctx.HTML(http.StatusOK, base.TplName("demo"+path.Clean("/"+ctx.Params("sub"))))
 }
diff --git a/routers/web/web.go b/routers/web/web.go
index 16b47786d3..cd5d65b912 100644
--- a/routers/web/web.go
+++ b/routers/web/web.go
@@ -28,7 +28,7 @@ import (
 	"forgejo.org/routers/common"
 	"forgejo.org/routers/web/admin"
 	"forgejo.org/routers/web/auth"
-	"forgejo.org/routers/web/devtest"
+	"forgejo.org/routers/web/demo"
 	"forgejo.org/routers/web/events"
 	"forgejo.org/routers/web/explore"
 	"forgejo.org/routers/web/feed"
@@ -1720,10 +1720,12 @@ func registerRoutes(m *web.Route) {
 	}
 
 	if !setting.IsProd {
-		m.Any("/devtest", devtest.List)
-		m.Any("/devtest/fetch-action-test", devtest.FetchActionTest)
-		m.Any("/devtest/{sub}", devtest.Tmpl)
-		m.Get("/devtest/error/{errcode}", devtest.ErrorPage)
+		m.Group("/-", func() {
+			m.Any("/demo", demo.List)
+			m.Any("/demo/fetch-action-test", demo.FetchActionTest)
+			m.Any("/demo/{sub}", demo.Tmpl)
+			m.Get("/demo/error/{errcode}", demo.ErrorPage)
+		}, ignSignIn)
 	}
 
 	m.NotFound(func(w http.ResponseWriter, req *http.Request) {
diff --git a/tailwind.config.js b/tailwind.config.js
index 7f5058a7da..2820986b6c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -28,8 +28,8 @@ export default {
   prefix: 'tw-',
   important: true, // the frameworks are mixed together, so tailwind needs to override other framework's styles
   content: [
-    isProduction && '!./templates/devtest/**/*',
-    isProduction && '!./web_src/js/standalone/devtest.js',
+    isProduction && '!./templates/demo/**/*',
+    isProduction && '!./web_src/js/standalone/demo.js',
     '!./templates/swagger/v1_json.tmpl',
     '!./templates/user/auth/oidc_wellknown.tmpl',
     './templates/**/*.tmpl',
diff --git a/templates/base/head_navbar.tmpl b/templates/base/head_navbar.tmpl
index e5d67556c2..0d2884d5d4 100644
--- a/templates/base/head_navbar.tmpl
+++ b/templates/base/head_navbar.tmpl
@@ -194,8 +194,8 @@
 								{{ctx.Locale.Tr "help"}}
 							</a>
 						</li>
-						{{$showDevtest := not .RunModeIsProd}}
-						{{if or .IsAdmin $showDevtest}}
+						{{$showDemo := not .RunModeIsProd}}
+						{{if or .IsAdmin $showDemo}}
 							<hr>
 						{{end}}
 						{{if .IsAdmin}}
@@ -206,11 +206,11 @@
 								</a>
 							</li>
 						{{end}}
-						{{if $showDevtest}}
+						{{if $showDemo}}
 							<li>
-								<a href="{{AppSubUrl}}/devtest">
+								<a href="{{AppSubUrl}}/-/demo">
 									{{svg "octicon-beaker"}}
-									Development pages
+									Demo pages
 								</a>
 							</li>
 						{{end}}
diff --git a/templates/devtest/buttons.tmpl b/templates/demo/buttons.tmpl
similarity index 95%
rename from templates/devtest/buttons.tmpl
rename to templates/demo/buttons.tmpl
index 909a4061a3..a775b29008 100644
--- a/templates/devtest/buttons.tmpl
+++ b/templates/demo/buttons.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
 
-<div class="page-content devtest ui container">
+<div class="page-content ui container">
 	<h1>Buttons</h1>
 
 	<p>
diff --git a/templates/devtest/dropdown.tmpl b/templates/demo/dropdown.tmpl
similarity index 96%
rename from templates/devtest/dropdown.tmpl
rename to templates/demo/dropdown.tmpl
index 9df58758d4..7776a99cad 100644
--- a/templates/devtest/dropdown.tmpl
+++ b/templates/demo/dropdown.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
 
-<div class="page-content devtest ui container">
+<div class="page-content ui container">
 	<h1>Dropdown</h1>
 	a.k.a. overflow menu, ellipsis menu
 
diff --git a/templates/devtest/fetch-action.tmpl b/templates/demo/fetch-action.tmpl
similarity index 97%
rename from templates/devtest/fetch-action.tmpl
rename to templates/demo/fetch-action.tmpl
index be15a5389f..d31044320a 100644
--- a/templates/devtest/fetch-action.tmpl
+++ b/templates/demo/fetch-action.tmpl
@@ -1,5 +1,5 @@
 {{template "base/head" .}}
-<div class="page-content devtest ui container">
+<div class="page-content ui container">
 	{{template "base/alert" .}}
 	<div>
 		<h1>link-action</h1>
diff --git a/templates/devtest/flex-list.tmpl b/templates/demo/flex-list.tmpl
similarity index 96%
rename from templates/devtest/flex-list.tmpl
rename to templates/demo/flex-list.tmpl
index 015ab1e154..e62c23fcc6 100644
--- a/templates/devtest/flex-list.tmpl
+++ b/templates/demo/flex-list.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
-<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/devtest.css?v={{AssetVersion}}">
-<div class="page-content devtest">
+<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/demo.css?v={{AssetVersion}}">
+<div class="page-content">
 	<div class="ui container">
 		<h1>Flex List (standalone)</h1>
 		<div class="divider"></div>
diff --git a/templates/devtest/fomantic-modal.tmpl b/templates/demo/fomantic-modal.tmpl
similarity index 98%
rename from templates/devtest/fomantic-modal.tmpl
rename to templates/demo/fomantic-modal.tmpl
index 5b94afc4f1..4d1ba0a2c4 100644
--- a/templates/devtest/fomantic-modal.tmpl
+++ b/templates/demo/fomantic-modal.tmpl
@@ -1,5 +1,5 @@
 {{template "base/head" .}}
-<div class="page-content devtest ui container">
+<div class="page-content ui container">
 	{{template "base/alert" .}}
 
 	<div id="test-modal-form-1" class="ui mini modal">
diff --git a/templates/devtest/gitea-ui.tmpl b/templates/demo/gitea-ui.tmpl
similarity index 97%
rename from templates/devtest/gitea-ui.tmpl
rename to templates/demo/gitea-ui.tmpl
index 6daf6d74c7..866298a121 100644
--- a/templates/devtest/gitea-ui.tmpl
+++ b/templates/demo/gitea-ui.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
-<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/devtest.css?v={{AssetVersion}}">
-<div class="page-content devtest ui container">
+<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/demo.css?v={{AssetVersion}}">
+<div class="page-content ui container">
 	<div>
 		<h1>Link</h1>
 		<div>
@@ -21,7 +21,7 @@
 			State:
 			<label><input type="checkbox" name="button-state-disabled" value="disabled">disabled</label>
 		</div>
-		<div id="devtest-button-samples">
+		<div id="demo-button-samples">
 			<ul class="button-sample-groups">
 				<li class="sample-group">
 					<h2>General purpose:</h2>
@@ -65,7 +65,7 @@
 				</li>
 			</ul>
 			<script type="module">
-				const $buttons = $('#devtest-button-samples').find('button.ui');
+				const $buttons = $('#demo-button-samples').find('button.ui');
 
 				const $buttonStyles = $('input[name*="button-style"]');
 				$buttonStyles.on('click', () => $buttonStyles.map((_ ,el) => $buttons.toggleClass(el.value, el.checked)));
@@ -315,6 +315,6 @@
 		<button class="{{if true}}tw-bg-red{{end}} tw-p-5 tw-border tw-rounded hover:tw-bg-blue active:tw-bg-yellow">Button</button>
 	</div>
 
-	<script src="{{AssetUrlPrefix}}/js/devtest.js?v={{AssetVersion}}"></script>
+	<script src="{{AssetUrlPrefix}}/js/demo.js?v={{AssetVersion}}"></script>
 </div>
 {{template "base/footer" .}}
diff --git a/templates/devtest/hashbox.tmpl b/templates/demo/hashbox.tmpl
similarity index 97%
rename from templates/devtest/hashbox.tmpl
rename to templates/demo/hashbox.tmpl
index 7321c9956d..a74a125891 100644
--- a/templates/devtest/hashbox.tmpl
+++ b/templates/demo/hashbox.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
 
-<div class="page-content devtest ui container">
+<div class="page-content ui container">
 	<h1>Hashbox (shabox)</h1>
 
 	<h2>Unsigned</h2>
diff --git a/templates/devtest/label.tmpl b/templates/demo/label.tmpl
similarity index 91%
rename from templates/devtest/label.tmpl
rename to templates/demo/label.tmpl
index c4b52a3e23..1354cc85cb 100644
--- a/templates/devtest/label.tmpl
+++ b/templates/demo/label.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
-<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/devtest.css?v={{AssetVersion}}">
-<div class="page-content devtest ui container">
+<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/demo.css?v={{AssetVersion}}">
+<div class="page-content ui container">
 	<div>
 		<h1>Label</h1>
 		<div class="flex-text-block tw-my-2">
diff --git a/templates/devtest/list.tmpl b/templates/demo/list.tmpl
similarity index 56%
rename from templates/devtest/list.tmpl
rename to templates/demo/list.tmpl
index 7325347454..80f9648ee8 100644
--- a/templates/devtest/list.tmpl
+++ b/templates/demo/list.tmpl
@@ -1,7 +1,7 @@
 {{template "base/head" .}}
 
 <div role="main" class="page-content ui container">
-	<h1>Development pages</h1>
+	<h1>Demo pages</h1>
 
 	<p>Various pages that may be helpful in development or testing</p>
 
@@ -9,7 +9,7 @@
 		<h2>Components</h2>
 		<ul>
 			{{range .SubNames}}
-			<li><a href="{{AppSubUrl}}/devtest/{{.}}">{{.}}</a></li>
+			<li><a href="{{AppSubUrl}}/-/demo/{{.}}">{{.}}</a></li>
 			{{end}}
 		</ul>
 	</article>
@@ -17,9 +17,9 @@
 	<article>
 		<h2>Error pages</h2>
 		<ul>
-			<li><a href="{{AppSubUrl}}/devtest/error/404">Not found</a></li>
-			<li><a href="{{AppSubUrl}}/devtest/error/413">Quota exhaustion</a></li>
-			<li><a href="{{AppSubUrl}}/devtest/error/500">Server error</a></li>
+			<li><a href="{{AppSubUrl}}/-/demo/error/404">Not found</a></li>
+			<li><a href="{{AppSubUrl}}/-/demo/error/413">Quota exhaustion</a></li>
+			<li><a href="{{AppSubUrl}}/-/demo/error/500">Server error</a></li>
 		</ul>
 	</article>
 </div>
diff --git a/templates/devtest/modal.tmpl b/templates/demo/modal.tmpl
similarity index 96%
rename from templates/devtest/modal.tmpl
rename to templates/demo/modal.tmpl
index 3e79879692..746d82b229 100644
--- a/templates/devtest/modal.tmpl
+++ b/templates/demo/modal.tmpl
@@ -1,6 +1,6 @@
 {{template "base/head" .}}
 
-<div class="page-content devtest ui container">
+<div class="page-content ui container">
 	<h1>Modals</h1>
 
 	<div class="button-sequence">
diff --git a/templates/devtest/tmplerr-sub.tmpl b/templates/demo/tmplerr-sub.tmpl
similarity index 100%
rename from templates/devtest/tmplerr-sub.tmpl
rename to templates/demo/tmplerr-sub.tmpl
diff --git a/templates/devtest/tmplerr.tmpl b/templates/demo/tmplerr.tmpl
similarity index 75%
rename from templates/devtest/tmplerr.tmpl
rename to templates/demo/tmplerr.tmpl
index dd938c895e..afc3685f21 100644
--- a/templates/devtest/tmplerr.tmpl
+++ b/templates/demo/tmplerr.tmpl
@@ -1,11 +1,11 @@
 {{template "base/head" .}}
-<div class="page-content devtest">
+<div class="page-content">
 	<div class="tw-flex">
 		<div class="tw-w-4/5">
 			hello hello hello hello hello hello hello hello hello hello
 		</div>
 		<div class="tw-w-1/5">
-			{{template "devtest/tmplerr-sub" .}}
+			{{template "demo/tmplerr-sub" .}}
 		</div>
 	</div>
 </div>
diff --git a/tests/e2e/buttons.test.e2e.ts b/tests/e2e/buttons.test.e2e.ts
index 265e432d48..89dc47821e 100644
--- a/tests/e2e/buttons.test.e2e.ts
+++ b/tests/e2e/buttons.test.e2e.ts
@@ -49,7 +49,7 @@ test('Button visuals', async ({browser}) => {
 
   const context = await browser.newContext({javaScriptEnabled: false});
   const page = await context.newPage();
-  const response = await page.goto('/devtest/buttons');
+  const response = await page.goto('/-/demo/buttons');
   expect(response?.status()).toBe(200);
 
   const transparent = 'rgba(0, 0, 0, 0)';
diff --git a/tests/e2e/dropdown.test.e2e.ts b/tests/e2e/dropdown.test.e2e.ts
index e90ea93d6b..b9390f360f 100644
--- a/tests/e2e/dropdown.test.e2e.ts
+++ b/tests/e2e/dropdown.test.e2e.ts
@@ -5,7 +5,7 @@
 // templates/shared/user/actions_menu.tmpl
 // templates/org/header.tmpl
 // templates/explore/search.tmpl
-// templates/devtest/dropdown.tmpl
+// templates/demo/dropdown.tmpl
 // web_src/js/modules/dropdown.ts
 // @watch end
 
@@ -228,12 +228,12 @@ test.describe(`Visual properties`, () => {
     expect(await inactiveItem.evaluate((el) => getComputedStyle(el).backgroundColor)).toBe('rgba(0, 0, 0, 0)');
   });
 
-  test('Devtest', async ({browser}) => {
+  test('Demo page', async ({browser}) => {
     const context = await browser.newContext({javaScriptEnabled: false});
     const page = await context.newPage();
 
-    // `/devtest` has dropdowns with various combinations of items
-    await page.goto('/devtest/dropdown');
+    // `/-/demo` has dropdowns with various combinations of items
+    await page.goto('/-/demo/dropdown');
 
     // Dropdown with just 3 items and nothing special
     await page.locator(`#dropdown-1 > summary`).click();
diff --git a/tests/e2e/modal.test.e2e.ts b/tests/e2e/modal.test.e2e.ts
index 4451b2543d..28161a2012 100644
--- a/tests/e2e/modal.test.e2e.ts
+++ b/tests/e2e/modal.test.e2e.ts
@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: GPL-3.0-or-later
 
 // @watch start
-// templates/devtest/modal.tmpl
+// templates/demo/modal.tmpl
 // templates/repo/editor/edit.tmpl
 // templates/repo/editor/patch.tmpl
 // web_src/js/features/repo-editor.js
@@ -50,7 +50,7 @@ test('Dialog modal', async ({page}) => {
 
 test('Dialog modal: width', async ({page, isMobile}) => {
   // This test doesn't need JS and runs a little faster without it
-  await page.goto('/devtest/modal');
+  await page.goto('/-/demo/modal');
 
   // Open modal with short content
   const shortModal = page.locator('#short-modal');
diff --git a/tests/integration/devtest_error_test.go b/tests/integration/error_pages_test.go
similarity index 79%
rename from tests/integration/devtest_error_test.go
rename to tests/integration/error_pages_test.go
index b0148b3fd1..41c7d8e870 100644
--- a/tests/integration/devtest_error_test.go
+++ b/tests/integration/error_pages_test.go
@@ -14,11 +14,11 @@ import (
 	"github.com/stretchr/testify/assert"
 )
 
-// `/devtest/error/{errcode}` provides a convenient way of testing various
+// `/-/demo/error/{errcode}` provides a convenient way of testing various
 // error pages sometimes which can be hard to reach otherwise.
 // This file is a test of various attributes on those pages.
 
-func enableDevtest() func() {
+func enableDemoPages() func() {
 	resetIsProd := test.MockVariableValue(&setting.IsProd, false)
 	resetRoutes := test.MockVariableValue(&testWebRoutes, routers.NormalRoutes())
 	return func() {
@@ -27,13 +27,13 @@ func enableDevtest() func() {
 	}
 }
 
-func TestDevtestErrorpages(t *testing.T) {
-	defer enableDevtest()()
+func TestDemoErrorPages(t *testing.T) {
+	defer enableDemoPages()()
 
 	t.Run("Server error", func(t *testing.T) {
-		// `/devtest/error/x` returns 500 for any x by default.
+		// `/-/demo/error/x` returns 500 for any x by default.
 		// `/500` is simply for good look here
-		req := NewRequest(t, "GET", "/devtest/error/500")
+		req := NewRequest(t, "GET", "/-/demo/error/500")
 		resp := MakeRequest(t, req, http.StatusInternalServerError)
 		doc := NewHTMLParser(t, resp.Body)
 		assert.Equal(t, "500", doc.Find(".error-code").Text())
@@ -42,7 +42,7 @@ func TestDevtestErrorpages(t *testing.T) {
 
 	t.Run("Page not found",
 		func(t *testing.T) {
-			req := NewRequest(t, "GET", "/devtest/error/404").
+			req := NewRequest(t, "GET", "/-/demo/error/404").
 				// Without this header `notFoundInternal` returns plaintext error message
 				SetHeader("Accept", "text/html")
 			resp := MakeRequest(t, req, http.StatusNotFound)
@@ -53,7 +53,7 @@ func TestDevtestErrorpages(t *testing.T) {
 
 	t.Run("Quota exhaustion",
 		func(t *testing.T) {
-			req := NewRequest(t, "GET", "/devtest/error/413")
+			req := NewRequest(t, "GET", "/-/demo/error/413")
 			resp := MakeRequest(t, req, http.StatusRequestEntityTooLarge)
 			doc := NewHTMLParser(t, resp.Body)
 			assert.Equal(t, "413", doc.Find(".error-code").Text())
diff --git a/tests/integration/navbar_test.go b/tests/integration/navbar_test.go
index 03e08a4314..86f4487aef 100644
--- a/tests/integration/navbar_test.go
+++ b/tests/integration/navbar_test.go
@@ -76,7 +76,7 @@ func TestNavbarItems(t *testing.T) {
 		defer test.MockVariableValue(&setting.IsProd, false)()
 
 		page := NewHTMLParser(t, regularUser.MakeRequest(t, NewRequest(t, "GET", testPage), http.StatusOK).Body)
-		page.AssertElement(t, `details.dropdown a[href="/devtest"]`, true)
+		page.AssertElement(t, `details.dropdown a[href="/-/demo"]`, true)
 
 		testNavbarUserMenuActiveItem(t, regularUser, "/user/settings")
 		testNavbarUserMenuActiveItem(t, adminUser, "/admin")
@@ -95,7 +95,7 @@ func TestNavbarItems(t *testing.T) {
 			{`details.dropdown a[href="/notifications/subscriptions"]`, true},
 			{`details.dropdown a[href="/user/settings"]`, true},
 			{`details.dropdown a[href="/admin"]`, false},
-			{`details.dropdown a[href="/devtest"]`, false},
+			{`details.dropdown a[href="/-/demo"]`, false},
 			{`details.dropdown a[href="https://forgejo.org/docs/latest/"]`, true},
 			{`details.dropdown a[data-url="/user/logout"]`, true},
 		}
@@ -114,7 +114,7 @@ func TestNavbarItems(t *testing.T) {
 			{`details.dropdown a[href="/notifications/subscriptions"]`, true},
 			{`details.dropdown a[href="/user/settings"]`, true},
 			{`details.dropdown a[href="/admin"]`, true},
-			{`details.dropdown a[href="/devtest"]`, false},
+			{`details.dropdown a[href="/-/demo"]`, false},
 			{`details.dropdown a[href="https://forgejo.org/docs/latest/"]`, true},
 			{`details.dropdown a[data-url="/user/logout"]`, true},
 		}
diff --git a/tests/integration/signin_test.go b/tests/integration/signin_test.go
index 6db2b51aea..c9b2d6ed1c 100644
--- a/tests/integration/signin_test.go
+++ b/tests/integration/signin_test.go
@@ -171,9 +171,9 @@ func TestGlobalTwoFactorRequirement(t *testing.T) {
 			assert.Greater(t, htmlDoc.Find(".navbar-left > a.item").Length(), 1) // show the Logo, and other links
 			assert.Greater(t, htmlDoc.Find(".navbar-right details.dropdown a").Length(), 1)
 
-			// 500 page
-			reset := enableDevtest()
-			req = NewRequest(t, "GET", "/devtest/error/500")
+			// demo pages are using ignSignIn and are expected to be accessible with loginAllowed
+			reset := enableDemoPages()
+			req = NewRequest(t, "GET", "/-/demo/error/500")
 			req.Header.Add("Accept", "text/html")
 			resp = session.MakeRequest(t, req, http.StatusInternalServerError)
 			htmlDoc = NewHTMLParser(t, resp.Body)
@@ -195,14 +195,12 @@ func TestGlobalTwoFactorRequirement(t *testing.T) {
 			assert.Equal(t, 1, userLinks.Length()) // only logout link
 			assert.Equal(t, "Sign out", strings.TrimSpace(userLinks.Text()))
 
-			// 500 page
-			reset := enableDevtest()
-			req = NewRequest(t, "GET", "/devtest/error/500")
+			// demo pages are using ignSignIn and should redirect like any other pages if 2FA is required but missing
+			reset := enableDemoPages()
+			req = NewRequest(t, "GET", "/-/demo/error/500")
 			req.Header.Add("Accept", "text/html")
-			resp = session.MakeRequest(t, req, http.StatusInternalServerError)
-			htmlDoc = NewHTMLParser(t, resp.Body)
-			assert.Equal(t, 1, htmlDoc.Find(".navbar-left > a.item").Length())
-			htmlDoc.AssertElement(t, ".navbar-right", false)
+			resp = session.MakeRequest(t, req, http.StatusSeeOther)
+			assert.Equal(t, "/user/settings/security", resp.Header().Get("Location"))
 			reset()
 
 			// 2fa page
diff --git a/tests/integration/user_test.go b/tests/integration/user_test.go
index 50526ba65d..0109ab2435 100644
--- a/tests/integration/user_test.go
+++ b/tests/integration/user_test.go
@@ -117,7 +117,6 @@ func TestRenameReservedUsername(t *testing.T) {
 		"avatar",
 		"avatars",
 		"captcha",
-		"devtest",
 		"explore",
 		"favicon.ico",
 		"ghost",
diff --git a/web_src/css/standalone/devtest.css b/web_src/css/standalone/demo.css
similarity index 100%
rename from web_src/css/standalone/devtest.css
rename to web_src/css/standalone/demo.css
diff --git a/web_src/js/standalone/devtest.js b/web_src/js/standalone/demo.js
similarity index 100%
rename from web_src/js/standalone/devtest.js
rename to web_src/js/standalone/demo.js
diff --git a/webpack.config.js b/webpack.config.js
index 7f5760833e..06c46dda0b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -132,9 +132,9 @@ export default {
       fileURLToPath(new URL('web_src/js/features/eventsource.sharedworker.js', import.meta.url)),
     ],
     ...(!isProduction && {
-      devtest: [
-        fileURLToPath(new URL('web_src/js/standalone/devtest.js', import.meta.url)),
-        fileURLToPath(new URL('web_src/css/standalone/devtest.css', import.meta.url)),
+      demo: [
+        fileURLToPath(new URL('web_src/js/standalone/demo.js', import.meta.url)),
+        fileURLToPath(new URL('web_src/css/standalone/demo.css', import.meta.url)),
       ],
     }),
     ...themes,