pleno-vue/tests/unit/xlvask-usage-pagination-404.spec.js

// @vitest-environment jsdom

import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import axios from "axios";
import { usePaginatedList } from "@/components/pagination/paginatedList.vue";

vi.mock("axios", () => ({
  default: {
    get: vi.fn(),
  },
}));

describe("paginatedList tracks the last error so consumers can detect 404", () => {
  beforeEach(() => {
    vi.clearAllMocks();
    localStorage.clear();
    localStorage.setItem("token", "test-token");
  });

  afterEach(() => {
    vi.useRealTimers();
  });

  it("exposes a reactive lastError ref and clears it on success", async () => {
    axios.get.mockResolvedValueOnce({
      data: { data: [{ id: 1 }], meta: { pagination: { page: 1, per_page: 100, total: 1 } } },
    });

    const list = usePaginatedList();
    list.setEndpoint("/modules/xlvask/services/usage/orders", false);
    expect(list.lastError.value).toBeNull();

    await list.paginatedGetRequest();

    expect(list.lastError.value).toBeNull();
  });

  it("captures the HTTP status of a failed request for the current endpoint", async () => {
    axios.get.mockRejectedValueOnce({
      response: { status: 404, data: { data: { message: "Not Found" } } },
      message: "Request failed with status code 404",
    });

    const list = usePaginatedList();
    list.setEndpoint("/modules/xlvask/services/usage/orders", false);

    const result = await list.paginatedGetRequest();

    expect(result).toBeNull();
    expect(list.lastError.value).toEqual({
      status: 404,
      endpoint: "/modules/xlvask/services/usage/orders",
      message: "Not Found",
    });
  });

  it("resets lastError at the start of every request", async () => {
    axios.get
      .mockRejectedValueOnce({
        response: { status: 500, data: { data: { message: "Server Error" } } },
        message: "Request failed with status code 500",
      })
      .mockResolvedValueOnce({
        data: { data: [], meta: { pagination: { page: 1, per_page: 100, total: 0 } } },
      });

    const list = usePaginatedList();
    list.setEndpoint("/modules/xlvask/services/usage/orders", false);

    await list.paginatedGetRequest();
    expect(list.lastError.value?.status).toBe(500);

    await list.paginatedGetRequest();
    expect(list.lastError.value).toBeNull();
  });

  it("does not set lastError when the request was cancelled", async () => {
    axios.get.mockRejectedValueOnce({
      name: "CanceledError",
      code: "ERR_CANCELED",
      message: "canceled",
    });

    const list = usePaginatedList();
    list.setEndpoint("/modules/xlvask/services/usage/orders", false);

    await list.paginatedGetRequest();

    expect(list.lastError.value).toBeNull();
  });
});