add test for ReportIssue

Co-authored-by: Camila Belo <camilaibs@gmail.com> Co-authored-by: Eric Peterson <iamEAP@users.noreply.github.com> Signed-off-by: Anders Näsman <andersn@spotify.com>
2022-04-25 16:08:44 +02:00
parent 8535b9512e
commit 85fe105926
2 changed files with 112 additions and 0 deletions
@@ -38,6 +38,7 @@
    "@backstage/core-plugin-api": "^1.0.1",
    "@backstage/integration": "^1.2.0-next.0",
    "@backstage/integration-react": "^1.1.0-next.0",
+    "@backstage/plugin-techdocs-addons-test-utils": "^0.0.0",
    "@backstage/plugin-techdocs-react": "^0.1.1-next.0",
    "@backstage/theme": "^0.2.15",
    "@material-ui/core": "^4.9.13",
@@ -0,0 +1,111 @@
+/*
+ * Copyright 2022 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { TechDocsAddonBuilder } from '@backstage/plugin-techdocs-addons-test-utils';
+
+import React from 'react';
+import { fireEvent, waitFor } from '@testing-library/react';
+
+import { scmIntegrationsApiRef } from '@backstage/integration-react';
+import { ReportIssue } from '..';
+
+const byUrl = jest.fn().mockReturnValue({ type: 'github' });
+
+const fireSelectionChangeEvent = (window: Window) => {
+  const selectionChangeEvent = window.document.createEvent('Event');
+  selectionChangeEvent.initEvent('selectionchange', true, true);
+  window.document.addEventListener('selectionchange', () => {}, false);
+  fireEvent(window.document, selectionChangeEvent);
+};
+
+describe('ReportIssue', () => {
+  const selection = {
+    type: 'Range',
+    rangeCount: 1,
+    isCollapsed: true,
+    getRangeAt: () => ({
+      startContainer: 'this is a sentence',
+      endContainer: 'this is a sentence',
+      startOffset: 1,
+      endOffset: 3,
+      getBoundingClientRect: () => ({
+        right: 100,
+        top: 100,
+        width: 100,
+        height: 100,
+      }),
+    }),
+    toString: () => 'his ',
+    containsNode: () => true,
+  } as unknown as Selection;
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders without exploding', async () => {
+    const { shadowRoot, getByText } =
+      await TechDocsAddonBuilder.buildAddonsInTechDocs([
+        <ReportIssue debounceTime={0} />,
+      ])
+        .withDom(
+          <html lang="en">
+            <head />
+            <body>
+              <div data-md-component="content">
+                <div data-md-component="navigation" />
+                <div data-md-component="toc" />
+                <div data-md-component="sidebar" />
+
+                <div data-md-component="main">
+                  <div className="md-content">
+                    <article>
+                      <a
+                        title="Leave feedback for this page"
+                        href="https://github.com/backstage/backstage/issues/new"
+                      >
+                        Leave feedback
+                      </a>
+                      <a
+                        title="Edit this page"
+                        href="https://github.com/backstage/backstage/edit/master/docs/README.md"
+                      >
+                        Edit page
+                      </a>
+                    </article>
+                  </div>
+                </div>
+              </div>
+            </body>
+          </html>,
+        )
+        .withApis([[scmIntegrationsApiRef, { byUrl }]])
+        .renderWithEffects();
+
+    (shadowRoot as ShadowRoot & Pick<Document, 'getSelection'>).getSelection =
+      () => selection;
+
+    await waitFor(() => {
+      expect(getByText('Edit page')).toBeInTheDocument();
+    });
+
+    fireSelectionChangeEvent(window);
+
+    await waitFor(() => {
+      expect(getByText('Open new Github issue')).toBeInTheDocument();
+    });
+  });
+});