Fix tests, data route

Author: joepio

data-browser/src/routes/DataRoute.tsx

@@ -29,9 +29,11 @@ function Data(): JSX.Element {
   }
 
   async function fetchAs(contentType: string) {
-    const requestHeaders: HeadersInit = new Headers();
-    const headers = await signRequest(subject, agent, requestHeaders);
-    requestHeaders.set('Accept', contentType);
+    let headers: HeadersInit = new Headers();
+    headers.set('Accept', contentType);
+    if (agent) {
+      headers = await signRequest(subject, agent, headers);
+    }
     setTextResponse('loading...');
     try {
       const resp = await window.fetch(subject, { headers });

data-browser/src/views/DocumentPage.tsx

@@ -290,7 +290,13 @@ function DocumentPageShow({
     <>
       <div style={{ display: 'flex', flexDirection: 'row' }}>
         <h1 style={{ flex: 1 }}>{title}</h1>
-        <Button icon subtle onClick={() => setEditMode(true)} title='Edit mode'>
+        <Button
+          data-test='document-edit'
+          icon
+          subtle
+          onClick={() => setEditMode(true)}
+          title='Edit mode'
+        >
           <FaEdit />
         </Button>
       </div>

data-browser/tests/browser.spec.ts

@@ -18,7 +18,6 @@ test.describe('data-browser', async () => {
     await page.goto('http://localhost:8080/');
     await page.setViewportSize({ width: 1200, height: 800 });
     await page.click(sidebarDriveEdit);
-    await signIn(page);
     await openLocalhost(page);
   });
 
@@ -171,6 +170,7 @@ test.describe('data-browser', async () => {
 
     // commit for editing title
     await page.waitForResponse('http://localhost/commit');
+    // await page.click('[data-test="document-edit"]');
     // await expect(await page.title()).toEqual(title);
     await page.press(documentTitle, 'Enter');
     await page.waitForTimeout(500);