Logs2 -> Logs

Summary:
Use Logs2 plugin now as the default logs plugin (by overwriting it).

See the rest of this stack

Changelog: The device logs plugin has been fully rewritten. It is faster and more reponsive, formats urls and json, and supports line wrapping and text selection. Beyond that it is now possible to sort and filter on all columns and pause and resume the log stream.

Reviewed By: nikoant

Differential Revision: D27048528

fbshipit-source-id: e18386fec6846ac3568f33a3578f4742213ecaca

desktop/plugins/logs/__tests__/logs.node.tsx

@@ -0,0 +1,176 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import {sleep, TestUtils} from 'flipper-plugin';
+import * as LogsPlugin from '../index';
+
+const entry1 = {
+  date: new Date(1611854112859),
+  message: 'test1',
+  pid: 0,
+  tag: 'test',
+  tid: 1,
+  type: 'error',
+  app: 'X',
+} as const;
+const entry2 = {
+  date: new Date(1611854117859),
+  message: 'test2',
+  pid: 2,
+  tag: 'test',
+  tid: 3,
+  type: 'warn',
+  app: 'Y',
+} as const;
+const entry3 = {
+  date: new Date(1611854112859),
+  message: 'test3',
+  pid: 0,
+  tag: 'test',
+  tid: 1,
+  type: 'error',
+  app: 'X',
+} as const;
+
+test('it will merge equal rows', () => {
+  const {instance, sendLogEntry} = TestUtils.startDevicePlugin(LogsPlugin);
+
+  sendLogEntry(entry1);
+  sendLogEntry(entry2);
+  sendLogEntry({
+    ...entry2,
+    date: new Date(1611954117859),
+  });
+  sendLogEntry(entry3);
+
+  expect(instance.rows.records()).toMatchInlineSnapshot(`
+    Array [
+      Object {
+        "app": "X",
+        "count": 1,
+        "date": 2021-01-28T17:15:12.859Z,
+        "message": "test1",
+        "pid": 0,
+        "tag": "test",
+        "tid": 1,
+        "type": "error",
+      },
+      Object {
+        "app": "Y",
+        "count": 2,
+        "date": 2021-01-28T17:15:17.859Z,
+        "message": "test2",
+        "pid": 2,
+        "tag": "test",
+        "tid": 3,
+        "type": "warn",
+      },
+      Object {
+        "app": "X",
+        "count": 1,
+        "date": 2021-01-28T17:15:12.859Z,
+        "message": "test3",
+        "pid": 0,
+        "tag": "test",
+        "tid": 1,
+        "type": "error",
+      },
+    ]
+  `);
+});
+
+test('it supports deeplink and select nodes + navigating to bottom', async () => {
+  const {
+    instance,
+    sendLogEntry,
+    triggerDeepLink,
+    act,
+    triggerMenuEntry,
+  } = TestUtils.renderDevicePlugin(LogsPlugin);
+
+  sendLogEntry(entry1);
+  sendLogEntry(entry2);
+  sendLogEntry(entry3);
+
+  expect(instance.tableManagerRef).not.toBeUndefined();
+  expect(instance.tableManagerRef.current?.getSelectedItems()).toEqual([]);
+
+  act(() => {
+    triggerDeepLink('test2');
+  });
+
+  await sleep(1000);
+
+  expect(instance.tableManagerRef.current?.getSelectedItems()).toEqual([
+    {
+      ...entry2,
+      count: 1,
+    },
+  ]);
+
+  act(() => {
+    triggerMenuEntry('goToBottom');
+  });
+  expect(instance.tableManagerRef.current?.getSelectedItems()).toEqual([
+    {
+      ...entry3,
+      count: 1,
+    },
+  ]);
+});
+
+test('export / import plugin does work', async () => {
+  const {
+    instance,
+    exportStateAsync,
+    sendLogEntry,
+  } = TestUtils.startDevicePlugin(LogsPlugin);
+
+  sendLogEntry(entry1);
+  sendLogEntry(entry2);
+
+  const data = await exportStateAsync();
+  expect(data).toMatchInlineSnapshot(`
+    Object {
+      "logs": Array [
+        Object {
+          "app": "X",
+          "count": 1,
+          "date": 2021-01-28T17:15:12.859Z,
+          "message": "test1",
+          "pid": 0,
+          "tag": "test",
+          "tid": 1,
+          "type": "error",
+        },
+        Object {
+          "app": "Y",
+          "count": 1,
+          "date": 2021-01-28T17:15:17.859Z,
+          "message": "test2",
+          "pid": 2,
+          "tag": "test",
+          "tid": 3,
+          "type": "warn",
+        },
+      ],
+    }
+  `);
+
+  expect(instance.rows.size).toBe(2);
+
+  // Run a second import
+  {
+    const {exportStateAsync} = TestUtils.startDevicePlugin(LogsPlugin, {
+      initialState: data,
+    });
+
+    expect(await exportStateAsync()).toEqual(data);
+  }
+});