@konfuzio/document-validation-ui 0.1.19 → 0.1.20-dev.0

package/src/components/DocumentPage/DocumentPage.cy.js

@@ -1,92 +1,92 @@
-import DocumentDashboard from "../DocumentDashboard.vue";
-import DocumentPage from "../DocumentPage/DocumentPage.vue";
-
-const viewport = {
-  width: 1280,
-  height: 1300,
-};
-
-describe("Document Page", () => {
-  beforeEach(() => {
-    cy.fetchDocument();
-    cy.setFullMode();
-    cy.viewport(viewport.width, viewport.height);
-  });
-
-  it("All annotations appear at the right place", () => {
-    cy.getStore("document").then(($document) => {
-      if (
-        $document.selectedDocument.pages[0] &&
-        $document.annotations &&
-        $document.annotations.length > 0
-      ) {
-        cy.setScale($document.selectedDocument.pages[0]);
-        cy.fetchBlob(
-          `${$document.selectedDocument.pages[0].image_url}?${$document.selectedDocument.downloaded_at}`
-        ).then((blob) => {
-          cy.mount(DocumentPage, {
-            propsData: {
-              page: $document.selectedDocument.pages[0],
-              imageBlob: blob,
-            },
-          }).then(({ wrapper, component }) => {
-            $document.annotations.forEach((annotation) => {
-              const values = component.annotationRect(annotation.span[0]);
-              if (values.y < viewport.height) {
-                // check if ann is visible on viewport
-                cy.get(".pdf-page-container").click(values.x, values.y);
-
-                cy.getStore("document").then(($newDocument) => {
-                  if ($newDocument.sidebarAnnotationSelected) {
-                    expect(
-                      $newDocument.sidebarAnnotationSelected.annotation.id
-                    ).to.eql(annotation.id);
-                  } else {
-                    throw new Error("Annotation not on right place");
-                  }
-                });
-              }
-            });
-          });
-        });
-      } else {
-        throw new Error("Document has no annotations");
-      }
-    });
-  });
-
-  it("Can click on an entity", () => {
-    cy.getStore("document").then(($document) => {
-      if ($document.selectedDocument.pages[0]) {
-        cy.setScale($document.selectedDocument.pages[0]);
-        cy.fetchBlob(
-          `${$document.selectedDocument.pages[0].image_url}?${$document.selectedDocument.downloaded_at}`
-        ).then((blob) => {
-          cy.mount(DocumentPage, {
-            propsData: {
-              page: $document.pages[0],
-              imageBlob: blob,
-            },
-          }).then(({ wrapper, component }) => {
-            if ($document.pages && $document.pages.length > 0) {
-              const entities = $document.pages.flatMap((page) => {
-                return page.entities;
-              });
-              const entity =
-                entities[Math.floor(Math.random() * entities.length)]; // get a random entity
-              const values = component.entityRect(entity);
-              if (values.y < viewport.height) {
-                cy.get(".pdf-page-container").click(values.x, values.y);
-                cy.get(".annotation-popup").should("exist");
-              }
-            } else {
-              cy.get(".annotation-popup").should("not.exist");
-            }
-          });
-        });
-      } else {
-        throw new Error("Document has no pages");
-      }
-    });
-  });
-});
+import DocumentDashboard from "../DocumentDashboard.vue";
+import DocumentPage from "../DocumentPage/DocumentPage.vue";
+
+const viewport = {
+  width: 1280,
+  height: 1300,
+};
+
+describe("Document Page", () => {
+  beforeEach(() => {
+    cy.fetchDocument();
+    cy.setFullMode();
+    cy.viewport(viewport.width, viewport.height);
+  });
+
+  it("All annotations appear at the right place", () => {
+    cy.getStore("document").then(($document) => {
+      if (
+        $document.selectedDocument.pages[0] &&
+        $document.annotations &&
+        $document.annotations.length > 0
+      ) {
+        cy.setScale($document.selectedDocument.pages[0]);
+        cy.fetchBlob(
+          `${$document.selectedDocument.pages[0].image_url}?${$document.selectedDocument.downloaded_at}`
+        ).then((blob) => {
+          cy.mount(DocumentPage, {
+            propsData: {
+              page: $document.selectedDocument.pages[0],
+              imageBlob: blob,
+            },
+          }).then(({ wrapper, component }) => {
+            $document.annotations.forEach((annotation) => {
+              const values = component.annotationRect(annotation.span[0]);
+              if (values.y < viewport.height) {
+                // check if ann is visible on viewport
+                cy.get(".pdf-page-container").click(values.x, values.y);
+
+                cy.getStore("document").then(($newDocument) => {
+                  if ($newDocument.sidebarAnnotationSelected) {
+                    expect(
+                      $newDocument.sidebarAnnotationSelected.annotation.id
+                    ).to.eql(annotation.id);
+                  } else {
+                    throw new Error("Annotation not on right place");
+                  }
+                });
+              }
+            });
+          });
+        });
+      } else {
+        throw new Error("Document has no annotations");
+      }
+    });
+  });
+
+  it("Can click on an entity", () => {
+    cy.getStore("document").then(($document) => {
+      if ($document.selectedDocument.pages[0]) {
+        cy.setScale($document.selectedDocument.pages[0]);
+        cy.fetchBlob(
+          `${$document.selectedDocument.pages[0].image_url}?${$document.selectedDocument.downloaded_at}`
+        ).then((blob) => {
+          cy.mount(DocumentPage, {
+            propsData: {
+              page: $document.pages[0],
+              imageBlob: blob,
+            },
+          }).then(({ wrapper, component }) => {
+            if ($document.pages && $document.pages.length > 0) {
+              const entities = $document.pages.flatMap((page) => {
+                return page.entities;
+              });
+              const entity =
+                entities[Math.floor(Math.random() * entities.length)]; // get a random entity
+              const values = component.entityRect(entity);
+              if (values.y < viewport.height) {
+                cy.get(".pdf-page-container").click(values.x, values.y);
+                cy.get(".annotation-popup").should("exist");
+              }
+            } else {
+              cy.get(".annotation-popup").should("not.exist");
+            }
+          });
+        });
+      } else {
+        throw new Error("Document has no pages");
+      }
+    });
+  });
+});