Prune testdrives before running e2e

Author: Polleps

browser/data-browser/src/routes/PruneTestsRoute.tsx

@@ -0,0 +1,40 @@
+import { Resource, Server, useStore } from '@tomic/react';
+import React, { useState } from 'react';
+import { Button } from '../components/Button';
+import { ContainerFull } from '../components/Containers';
+import { Column } from '../components/Row';
+
+export function PruneTestsRoute(): JSX.Element {
+  const store = useStore();
+  const [result, setResult] = useState<Resource<Server.EndpointResponse>>();
+  const [isWaiting, setIsWaiting] = useState(false);
+
+  const postPruneTest = async () => {
+    setIsWaiting(true);
+    const url = new URL('/prunetests', store.getServerUrl());
+    const res = await store.postToServer(url.toString());
+    setIsWaiting(false);
+    setResult(res);
+  };
+
+  return (
+    <main>
+      <ContainerFull>
+        <h1>Prune Test Data</h1>
+        <p>
+          Pruning test data will delete all drives on the server that have
+          &rsquo;testdrive&rsquo; in their name.
+        </p>
+        <Column>
+          <Button onClick={postPruneTest} disabled={isWaiting} alert>
+            Prune
+          </Button>
+          {isWaiting && <p>Pruning, this might take a while...</p>}
+          <p data-testId='prune-result'>
+            {result && `✅ ${result.props.responseMessage}`}
+          </p>
+        </Column>
+      </ContainerFull>
+    </main>
+  );
+}

browser/data-browser/src/routes/Routes.tsx

@@ -20,6 +20,7 @@ import { Sandbox } from './Sandbox';
 import { TokenRoute } from './TokenRoute';
 import { ImporterPage } from '../views/ImporterPage';
 import { History } from './History';
+import { PruneTestsRoute } from './PruneTestsRoute';
 
 const homeURL = window.location.origin;
 
@@ -48,6 +49,7 @@ export function AppRoutes(): JSX.Element {
       <Route path={paths.search} element={<Search />} />
       <Route path={paths.token} element={<TokenRoute />} />
       <Route path={paths.history} element={<History />} />
+      {isDev && <Route path={paths.pruneTests} element={<PruneTestsRoute />} />}
       {isDev && <Route path={paths.sandbox} element={<Sandbox />} />}
       <Route path='/' element={<ResourcePage subject={homeURL} />} />
       <Route path='*' element={<Local />} />

browser/data-browser/src/routes/paths.tsx

@@ -16,4 +16,5 @@ export const paths = {
   allVersions: '/all-versions',
   sandbox: '/sandbox',
   fetchBookmark: '/fetch-bookmark',
+  pruneTests: '/prunetests',
 };

browser/data-browser/tests/global.setup.ts

@@ -0,0 +1,12 @@
+import { test as setup, expect } from '@playwright/test';
+import { before, FRONTEND_URL, signIn } from './test-utils';
+
+setup('delete previous test data', async ({ page }) => {
+  await before({ page });
+  await signIn(page);
+  await page.goto(`${FRONTEND_URL}/prunetests`);
+  await expect(page.getByText('Prune Test Data')).toBeVisible();
+  await page.getByRole('button', { name: 'Prune' }).click();
+
+  await expect(page.getByTestId('prune-result')).toBeVisible();
+});

browser/data-browser/tests/playwright.config.ts

@@ -11,9 +11,14 @@ const config: PlaywrightTestConfig = {
   retries: 3,
   // timeout: 1000 * 120, // 2 minutes
   projects: [
+    {
+      name: 'setup',
+      testMatch: /global.setup\.ts/,
+    },
     {
       name: 'chromium',
       use: { ...devices['Desktop Chrome'] },
+      dependencies: ['setup'],
     },
   ],
   // projects: [

browser/lib/src/client.ts

@@ -128,7 +128,7 @@ export class Client {
     subject: string,
     opts: FetchResourceOptions = {},
   ): Promise<HTTPResourceResult> {
-    const { signInfo, from, body: bodyReq } = opts;
+    const { signInfo, from, body: bodyReq, method } = opts;
     let createdResources: Resource[] = [];
     const parser = new JSONADParser();
     let resource = new Resource(subject);
@@ -160,7 +160,7 @@ export class Client {
 
       const response = await this.fetch(url, {
         headers: requestHeaders,
-        method: bodyReq ? 'POST' : 'GET',
+        method: method ?? 'GET',
         body: bodyReq,
       });
       const body = await response.text();

browser/lib/src/ontologies/server.ts

@@ -12,6 +12,8 @@ export const server = {
     redirect: 'https://atomicdata.dev/classes/Redirect',
     file: 'https://atomicdata.dev/classes/File',
     invite: 'https://atomicdata.dev/classes/Invite',
+    endpointResponse:
+      'https://atomicdata.dev/ontology/server/class/endpoint-response',
   },
   properties: {
     drives: 'https://atomicdata.dev/properties/drives',
@@ -35,6 +37,9 @@ export const server = {
     children: 'https://atomicdata.dev/properties/children',
     parameters: 'https://atomicdata.dev/properties/endpoint/parameters',
     destination: 'https://atomicdata.dev/properties/destination',
+    status: 'https://atomicdata.dev/ontology/server/property/status',
+    responseMessage:
+      'https://atomicdata.dev/ontology/server/property/response-message',
   },
 } as const;
 
@@ -46,6 +51,7 @@ export namespace Server {
   export type Redirect = typeof server.classes.redirect;
   export type File = typeof server.classes.file;
   export type Invite = typeof server.classes.invite;
+  export type EndpointResponse = typeof server.classes.endpointResponse;
 }
 
 declare module '../index.js' {
@@ -92,6 +98,13 @@ declare module '../index.js' {
         | typeof server.properties.users
         | typeof server.properties.usagesLeft;
     };
+    [server.classes.endpointResponse]: {
+      requires:
+        | BaseProps
+        | typeof server.properties.status
+        | typeof server.properties.responseMessage;
+      recommends: never;
+    };
   }
 
   interface PropTypeMapping {
@@ -116,6 +129,8 @@ declare module '../index.js' {
     [server.properties.children]: string[];
     [server.properties.parameters]: string[];
     [server.properties.destination]: string;
+    [server.properties.status]: number;
+    [server.properties.responseMessage]: string;
   }
 
   interface PropSubjectToNameMapping {
@@ -140,5 +155,7 @@ declare module '../index.js' {
     [server.properties.children]: 'children';
     [server.properties.parameters]: 'parameters';
     [server.properties.destination]: 'destination';
+    [server.properties.status]: 'status';
+    [server.properties.responseMessage]: 'responseMessage';
   }
 }

browser/lib/src/store.ts

@@ -17,6 +17,7 @@ import {
   FileOrFileLike,
   OptionalClass,
   UnknownClass,
+  Server,
 } from './index.js';
 import { authenticate, fetchWebSocket, startWebsocket } from './websockets.js';
 
@@ -533,10 +534,10 @@ export class Store {
   }
 
   /** Sends an HTTP POST request to the server to the Subject. Parses the returned Resource and adds it to the store. */
-  public async postToServer(
+  public async postToServer<R extends OptionalClass = Server.EndpointResponse>(
     url: string,
-    data: ArrayBuffer | string,
-  ): Promise<Resource> {
+    data?: ArrayBuffer | string,
+  ): Promise<Resource<R>> {
     return this.fetchResourceFromServer(url, {
       body: data,
       noWebSocket: true,

lib/src/endpoints.rs

@@ -85,5 +85,7 @@ pub fn default_endpoints() -> Vec<Endpoint> {
         plugins::bookmark::bookmark_endpoint(),
         plugins::importer::import_endpoint(),
         plugins::query::query_endpoint(),
+        #[cfg(debug_assertions)]
+        plugins::prunetests::prune_tests_endpoint(),
     ]
 }

lib/src/plugins/mod.rs

@@ -43,6 +43,7 @@ pub mod invite;
 pub mod bookmark;
 pub mod files;
 pub mod path;
+pub mod prunetests;
 pub mod query;
 pub mod search;
 pub mod versioning;