update tests

explorer/src/lib/components/__tests__/BlocksCard.spec.js

@@ -3,7 +3,7 @@ import { cleanup, fireEvent, render } from "@testing-library/svelte";
 import { apiBlocks } from "$lib/mock-data";
 import { transformBlock } from "$lib/chain-info";
 import { BlocksCard } from "..";
-import { mapWith, slice } from "lamb";
+import { mapWith } from "lamb";
 
 global.ResizeObserver = vi.fn().mockImplementation(() => ({
   disconnect: vi.fn(),
@@ -12,13 +12,13 @@ global.ResizeObserver = vi.fn().mockImplementation(() => ({
 }));
 
 const transformBlocks = mapWith(transformBlock);
-const data = slice(transformBlocks(apiBlocks.data.blocks), 0, 10);
+const data = transformBlocks(apiBlocks.data.blocks);
 
 describe("Blocks Card", () => {
   vi.useFakeTimers();
   vi.setSystemTime(new Date(2024, 4, 20));
   const baseProps = {
-    blocks: data,
+    blocks: null,
     error: null,
     loading: false,
   };
@@ -53,11 +53,12 @@ describe("Blocks Card", () => {
   });
 
   it("should disable the `Show More` button if there is no more data to display", async () => {
-    const loading = true;
+    const loading = false;
+    const blocks = data;
 
     const { container, getByRole } = render(BlocksCard, {
       ...baseOptions,
-      props: { ...baseProps, loading },
+      props: { ...baseProps, blocks, loading },
     });
 
     const button = getByRole("button");
@@ -66,9 +67,10 @@ describe("Blocks Card", () => {
 
     const clicks = Math.ceil(data.length / showMoreIncrement) - 1;
 
-    Array.from({ length: clicks }).forEach(async () => {
+    //eslint-disable-next-line
+    for (const _ of  Array.from({ length: clicks })) {
       await fireEvent.click(button);
-    });
+    }
 
     expect(button).toBeDisabled();
 

explorer/src/lib/components/__tests__/TransactionsCard.spec.js

@@ -3,7 +3,7 @@ import { cleanup, fireEvent, render } from "@testing-library/svelte";
 import { apiTransactions } from "$lib/mock-data";
 import { transformTransaction } from "$lib/chain-info";
 import { TransactionsCard } from "..";
-import { mapWith, slice } from "lamb";
+import { mapWith } from "lamb";
 
 global.ResizeObserver = vi.fn().mockImplementation(() => ({
   disconnect: vi.fn(),
@@ -12,15 +12,15 @@ global.ResizeObserver = vi.fn().mockImplementation(() => ({
 }));
 
 const transformTransactions = mapWith(transformTransaction);
-const data = slice(transformTransactions(apiTransactions.data), 0, 10);
+const data = transformTransactions(apiTransactions.data);
 
 describe("Transactions Card", () => {
   vi.useFakeTimers();
   vi.setSystemTime(new Date(2024, 4, 20));
   const baseProps = {
     error: null,
     loading: false,
-    txs: data,
+    txs: null,
   };
   const baseOptions = {
     props: baseProps,
@@ -39,7 +39,7 @@ describe("Transactions Card", () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  it("should disable the `Show More` button is the card is in the loading state", () => {
+  it("should disable the `Show More` button if the card is in the loading state", async () => {
     const loading = true;
 
     const { container, getByRole } = render(TransactionsCard, {
@@ -53,11 +53,12 @@ describe("Transactions Card", () => {
   });
 
   it("should disable the `Show More` button if there is no more data to display", async () => {
-    const loading = true;
+    const loading = false;
+    const txs = data;
 
     const { container, getByRole } = render(TransactionsCard, {
       ...baseOptions,
-      props: { ...baseProps, loading },
+      props: { ...baseProps, loading, txs },
     });
 
     const button = getByRole("button");
@@ -66,9 +67,10 @@ describe("Transactions Card", () => {
 
     const clicks = Math.ceil(data.length / showMoreIncrement) - 1;
 
-    Array.from({ length: clicks }).forEach(async () => {
+    //eslint-disable-next-line
+    for (const _ of  Array.from({ length: clicks })) {
       await fireEvent.click(button);
-    });
+    }
 
     expect(button).toBeDisabled();