TASK: Add inital app load test

This should help with random errors in the CI that the app fails to load.

.testcaferc.json

@@ -9,5 +9,7 @@
     "takeOnFails": true
   },
   "hostname": "localhost",
-  "retryTestPages": true
+  "retryTestPages": true,
+  "pageLoadTimeout": 10000,
+  "pageRequestTimeout": 60000
 }

Resources/Private/JavaScript/media-module/tests/00_app.ts

@@ -0,0 +1,17 @@
+import { waitForReact } from 'testcafe-react-selectors';
+import page from './page-model';
+import { SERVER_NAME } from './helpers';
+
+/**
+ * This fixture should be run first to make sure the server is running and the app is loaded
+ */
+
+fixture('App')
+    .page(SERVER_NAME)
+    .beforeEach(async () => {
+        await waitForReact();
+    });
+
+test('The app loads and shows all main components', async (t) => {
+    await t.expect(page.assetSourceList.exists).ok('The asset source list should exist');
+});

Resources/Private/JavaScript/media-module/tests/page-model.ts

@@ -16,13 +16,17 @@ class Page {
     public tagSelection: Selector;
     public assetInspector: Selector;
     public inspectorActions: Selector;
+    public assetSourceList: Selector;
 
     constructor() {
         // Collection tree
         this.collectionTree = ReactSelector('AssetCollectionTree');
         this.assetCollections = this.collectionTree.findReact('AssetCollectionTreeNode');
         this.tags = this.assetCollections.withText('All').findReact('TagTreeNode');
 
+        // Asset sources
+        this.assetSourceList = ReactSelector('AssetSourceList');
+
         // Main area
         this.thumbnails = ReactSelector('Thumbnail');
         this.lightbox = ReactSelector('ReactImageLightbox');