Pass eslint

Author: Chenzo1001

sdks/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/src/__tests__/inspector/Inspectables.test.tsx

@@ -57,22 +57,23 @@ afterEach(async () => {
   }
 });
 
-it('renders info message about no inspectable when none is available', async () => {
-  const inspectablesRef: React.RefObject<Inspectables> =
-    React.createRef<Inspectables>();
-  await act(async () => {
-    root.render(<Inspectables ref={inspectablesRef} />);
-    const inspectables = inspectablesRef.current;
-    if (inspectables) {
-      inspectables.setState({ inspectables: {} });
-    }
+it('renders info message about no inspectable when none is available',
+  async () => {
+    const inspectablesRef: React.RefObject<Inspectables> =
+      React.createRef<Inspectables>();
+    await act(async () => {
+      root.render(<Inspectables ref={inspectablesRef} />);
+      const inspectables = inspectablesRef.current;
+      if (inspectables) {
+        inspectables.setState({ inspectables: {} });
+      }
+    });
+    const infoElement: Element = container.firstElementChild;
+    expect(infoElement.tagName).toBe('DIV');
+    expect(infoElement.textContent).toBe(
+      'No inspectable pipeline nor pcollection has been defined.'
+    );
   });
-  const infoElement: Element = container.firstElementChild;
-  expect(infoElement.tagName).toBe('DIV');
-  expect(infoElement.textContent).toBe(
-    'No inspectable pipeline nor pcollection has been defined.'
-  );
-});
 
 it('renders inspectables as a list of collapsible lists', async () => {
   const inspectablesRef: React.RefObject<Inspectables> =

sdks/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/src/__tests__/inspector/InteractiveInspector.test.tsx

@@ -191,6 +191,7 @@ it('updates session info on change', async () => {
     await new Promise(resolve => setTimeout(resolve, 100));
   });
 
-  const topAppBarHeader: Element = container.firstElementChild.firstElementChild.firstElementChild.children[1];
+  const topAppBarHeader: Element =
+    container.firstElementChild.firstElementChild.firstElementChild.children[1];
   expect(topAppBarHeader.innerHTML).toContain('Inspector [kernel:new kernel]');
 });

sdks/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/src/__tests__/kernel/InterruptKernelButton.test.tsx

@@ -53,40 +53,42 @@ afterEach(async () => {
   }
 });
 
-it('displays a button when the kernel model is not done with execution', async () => {
-  let button: InterruptKernelButton;
-  await act(async () => {
-    root.render(
-      <InterruptKernelButton
-        ref={(node): void => {
-          button = node;
-        }}
-        model={fakeKernelModel as any}
-      />
-    );
-  });
-  await act(async () => {
-    fakeKernelModel.isDone = false;
-    button?.updateRender();
-    await new Promise(resolve => setTimeout(resolve, 100));
+it('displays a button when the kernel model is not done with execution',
+  async () => {
+    let button: InterruptKernelButton;
+    await act(async () => {
+      root.render(
+        <InterruptKernelButton
+          ref={(node): void => {
+            button = node;
+          }}
+          model={fakeKernelModel as any}
+        />
+      );
+    });
+    await act(async () => {
+      fakeKernelModel.isDone = false;
+      button?.updateRender();
+      await new Promise(resolve => setTimeout(resolve, 100));
+    });
+    const buttonElement: null | Element = container.firstElementChild;
+    expect(buttonElement.tagName).toBe('BUTTON');
+    expect(buttonElement.getAttribute('class')).toContain('mdc-button');
+    expect(buttonElement.getAttribute('class')).toContain('mdc-button--raised');
+    const labelElement: Element = buttonElement.children[1];
+    expect(labelElement.tagName).toBe('SPAN');
+    expect(labelElement.getAttribute('class')).toContain('mdc-button__label');
+    expect(labelElement.innerHTML).toBe('stop');
   });
-  const buttonElement: null | Element = container.firstElementChild;
-  expect(buttonElement.tagName).toBe('BUTTON');
-  expect(buttonElement.getAttribute('class')).toContain('mdc-button');
-  expect(buttonElement.getAttribute('class')).toContain('mdc-button--raised');
-  const labelElement: Element = buttonElement.children[1];
-  expect(labelElement.tagName).toBe('SPAN');
-  expect(labelElement.getAttribute('class')).toContain('mdc-button__label');
-  expect(labelElement.innerHTML).toBe('stop');
-});
 
-it('renders nothing when the kernel model is done with execution', async () => {
-  await act(async () => {
-    root.render(<InterruptKernelButton model={fakeKernelModel as any} />);
+it('renders nothing when the kernel model is done with execution',
+  async () => {
+    await act(async () => {
+      root.render(<InterruptKernelButton model={fakeKernelModel as any} />);
+    });
+    const buttonElement: null | Element = container.firstElementChild;
+    expect(buttonElement).toBe(null);
   });
-  const buttonElement: null | Element = container.firstElementChild;
-  expect(buttonElement).toBe(null);
-});
 
 it('interrupts the kernel when clicked', async () => {
   let button: InterruptKernelButton;