Move back to test buttons

packages/desktop-client/README.md

@@ -42,10 +42,10 @@ Next, navigate to the root of your project folder, run the standartised docker c
 
 ```sh
 # Run docker container
-docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.40.1-jammy /bin/bash
+docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.37.1-jammy /bin/bash
 
     # If you receive an error such as "docker: invalid reference format", please instead use the following command:
-    docker run --rm --network host -v ${pwd}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.40.1-jammy /bin/bash
+    docker run --rm --network host -v ${pwd}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.37.1-jammy /bin/bash
 
 # Run the VRT tests: important - they MUST be ran against a HTTPS server
 E2E_START_URL=https://192.168.0.178:3001 yarn vrt

packages/desktop-client/e2e/accounts.test.js

@@ -14,7 +14,7 @@ test.describe('Accounts', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterAll(async () => {

packages/desktop-client/e2e/budget.test.js

@@ -12,7 +12,7 @@ test.describe('Budget', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    budgetPage = await configurationPage.createDemoFile();
+    budgetPage = await configurationPage.createTestFile();
 
     // Move mouse to corner of the screen;
     // sometimes the mouse hovers on a budget element thus rendering an input box

packages/desktop-client/e2e/mobile.test.js

@@ -18,7 +18,7 @@ test.describe('Mobile', () => {
       height: 600,
     });
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterEach(async () => {

packages/desktop-client/e2e/page-models/configuration-page.js

@@ -7,8 +7,8 @@ export class ConfigurationPage {
     this.heading = page.getByRole('heading');
   }
 
-  async createDemoFile() {
-    await this.page.getByRole('button', { name: 'Create demo file' }).click();
+  async createTestFile() {
+    await this.page.getByRole('button', { name: 'Create test file' }).click();
     return new BudgetPage(this.page);
   }
 

packages/desktop-client/e2e/reports.test.js

@@ -15,7 +15,7 @@ test.describe('Reports', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterAll(async () => {

packages/desktop-client/e2e/rules.test.js

@@ -15,7 +15,7 @@ test.describe('Rules', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterAll(async () => {

packages/desktop-client/e2e/schedules.test.js

@@ -15,7 +15,7 @@ test.describe('Schedules', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterAll(async () => {

packages/desktop-client/e2e/settings.test.js

@@ -15,7 +15,7 @@ test.describe('Settings', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterAll(async () => {

packages/desktop-client/e2e/transactions.test.js

@@ -15,7 +15,7 @@ test.describe('Transactions', () => {
     configurationPage = new ConfigurationPage(page);
 
     await page.goto('/');
-    await configurationPage.createDemoFile();
+    await configurationPage.createTestFile();
   });
 
   test.afterAll(async () => {

packages/desktop-client/src/components/manager/BudgetList.jsx

@@ -2,6 +2,7 @@ import React, { useState, useRef } from 'react';
 import { useSelector } from 'react-redux';
 
 import * as actions from 'loot-core/src/client/actions';
+import { isNonProductionEnvironment } from 'loot-core/src/shared/environment';
 
 import { useActions } from '../../hooks/useActions';
 import { AnimatedLoading } from '../../icons/AnimatedLoading';
@@ -337,14 +338,16 @@ export function BudgetList() {
           Create new file
         </Button>
 
+        {isNonProductionEnvironment() && (
           <Button
             type="primary"
             isSubmit={false}
             onClick={() => onCreate({ testMode: true })}
             style={{ marginLeft: 15 }}
           >
-            Create demo file
+            Create test file
           </Button>
+        )}
       </View>
     </View>
   );

packages/desktop-client/src/components/manager/ConfigServer.tsx

@@ -1,6 +1,9 @@
 import React, { useState, useEffect } from 'react';
 
-import { isElectron } from 'loot-core/src/shared/environment';
+import {
+  isNonProductionEnvironment,
+  isElectron,
+} from 'loot-core/src/shared/environment';
 
 import { useActions } from '../../hooks/useActions';
 import { useNavigate } from '../../hooks/useNavigate';
@@ -79,7 +82,7 @@ export function ConfigServer() {
     navigate('/');
   }
 
-  async function oncreateDemoFile() {
+  async function onCreateTestFile() {
     await setServerUrl(null);
     await createBudget({ testMode: true });
     window.__navigate('/');
@@ -194,13 +197,15 @@ export function ConfigServer() {
               Don’t use a server
             </Button>
 
-            <Button
-              type="primary"
-              style={{ marginLeft: 15 }}
-              onClick={oncreateDemoFile}
-            >
-              Create demo file
-            </Button>
+            {isNonProductionEnvironment() && (
+              <Button
+                type="primary"
+                style={{ marginLeft: 15 }}
+                onClick={onCreateTestFile}
+              >
+                Create test file
+              </Button>
+            )}
           </>
         )}
       </View>

packages/desktop-client/src/components/manager/WelcomeScreen.tsx

@@ -50,8 +50,8 @@ export function WelcomeScreen() {
         </Paragraph>
         <Paragraph style={{ color: theme.pageTextLight }}>
           Get started by importing an existing budget file from Actual or
-          another budgeting app, or start fresh with an empty budget. You can
-          always create or import another budget later.
+          another budgeting app, create a demo budget file, or start fresh with
+          an empty budget. You can always create or import another budget later.
         </Paragraph>
       </View>
       <View
@@ -63,9 +63,20 @@ export function WelcomeScreen() {
         }}
       >
         <Button onClick={() => pushModal('import')}>Import my budget</Button>
-        <Button type="primary" onClick={() => createBudget()}>
-          Start fresh
-        </Button>
+        <View
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            gap: 10,
+          }}
+        >
+          <Button onClick={() => createBudget({ testMode: true })}>
+            View demo
+          </Button>
+          <Button type="primary" onClick={() => createBudget()}>
+            Start fresh
+          </Button>
+        </View>
       </View>
     </View>
   );