pleno-vue/tests/unit/xlvask-e2e.spec.js

import { describe, expect, it } from "vitest";
import { existsSync, readFileSync } from "node:fs";
import { resolve } from "node:path";

/**
 * Tests for the XL Vask end-to-end implementation:
 *  - TRU-60: badges (paid/unpaid/overdue) on superuser faktura periode
 *  - TRU-71: replace "Stripe" / "Capture payment" wording
 *  - TRU-81: clearer message when add-on products are not available
 *  - TRU-63: z-index fix for filter behind the navbar
 */

const I18N_DA = readFileSync(resolve(__dirname, "../../src/i18n/source/da/phrases/compat/pos/index.json"), "utf8");
const I18N_EN = readFileSync(resolve(__dirname, "../../src/i18n/source/en/phrases/compat/pos/index.json"), "utf8");
const I18N_DA_PAGINATION = readFileSync(
  resolve(__dirname, "../../src/i18n/source/da/phrases/compat/pagination/index.json"),
  "utf8"
);
const INVOICING_VIEW = readFileSync(
  resolve(
    __dirname,
    "../../src/views/dashboards/superUserDashboard/InvoicingBillingPeriod/views/InvoicingBillingPeriodViewAll.vue"
  ),
  "utf8"
);
const INVOICE_PAGINATION = readFileSync(
  resolve(__dirname, "../../src/components/displays/pagination/models/SuperUserDashboard/InvoiceOrdersPagination.vue"),
  "utf8"
);

// The Stripe invoice email template lives in the sibling `api` repository.
// In the pleno-vue CI workflow the api repo is not checked out, so the file
// is only present in local / monorepo-style checkouts. Load it lazily and
// skip the related TRU-71 assertion gracefully when it is missing.
const EMAIL_TEMPLATE_PATH = resolve(
  __dirname,
  "../../../api/services/nginx/app/modules/email/templates/email_template_stripe_invoice.php"
);
const HAS_EMAIL_TEMPLATE = existsSync(EMAIL_TEMPLATE_PATH);
const EMAIL_TEMPLATE = HAS_EMAIL_TEMPLATE ? readFileSync(EMAIL_TEMPLATE_PATH, "utf8") : "";

describe("TRU-71: replace Stripe wording in user-facing strings", () => {
  it("adds the new payment_link i18n key in Danish", () => {
    expect(I18N_DA_PAGINATION).toMatch(/"payment_link":\s*"Betalingslink"/);
  });

  it("renders the payment link label through the i18n key, not a hard-coded 'Stripe'", () => {
    // The filter option previously used the literal "Stripe" string
    // for the user-facing label. It must now resolve through the
    // pagination.payment_link translation key.
    expect(INVOICE_PAGINATION).toMatch(/t\("pagination\.payment_link"\)/);
    expect(INVOICE_PAGINATION).not.toMatch(/label:\s*"Stripe"/);
  });

  it("rewrites the Stripe-invoice email body so it no longer mentions Stripe", () => {
    if (!HAS_EMAIL_TEMPLATE) {
      // The api repo is not checked out alongside pleno-vue in this CI job.
      // The Stripe-wording change is covered by the API repo's own tests.
      return;
    }
    expect(EMAIL_TEMPLATE).not.toMatch(/på Stripe/);
    expect(EMAIL_TEMPLATE).toMatch(/betalingslink/);
  });
});

describe("TRU-81: clearer 'tilvalg ikke tilgængelig' message", () => {
  it("replaces the terse Danish 'Ikke tilgængelig' with an explanatory message", () => {
    expect(I18N_DA).toMatch(/"unavailable":\s*"Ikke tilgængeligt[^"]*tjek kundens regler"/);
    expect(I18N_DA).toMatch(/"addons_not_allowed":\s*"Tilvalg er ikke tilgængelige[^"]*"/);
    expect(I18N_DA).toMatch(/"product_not_allowed":\s*"Produktet er ikke tilgængeligt[^"]*"/);
  });

  it("replaces the terse English 'Unavailable' with an explanatory message", () => {
    expect(I18N_EN).toMatch(/"unavailable":\s*"Unavailable\s*—\s*check[^"]*"/);
    expect(I18N_EN).toMatch(/"addons_not_allowed":\s*"Add-ons are not available[^"]*"/);
  });
});

describe("TRU-60: badges on superuser faktura periode (paid/unpaid/overdue)", () => {
  it("renders an invoice-state badge for each customer in the review queue", () => {
    expect(INVOICING_VIEW).toMatch(/invoicing-period-customer-invoice-state-\$\{customer\.customer_number\}/);
  });

  it("supports at least the four invoice-state keys (paid, unpaid, overdue, open)", () => {
    expect(INVOICING_VIEW).toMatch(/paid:\s*"Betalt"/);
    expect(INVOICING_VIEW).toMatch(/unpaid:\s*"Ikke betalt"/);
    expect(INVOICING_VIEW).toMatch(/overdue:\s*"Forfalden"/);
    expect(INVOICING_VIEW).toMatch(/open:\s*"Åben"/);
  });

  it("treats a transaction as overdue when its due_date is in the past", () => {
    // The getCustomerInvoiceState helper checks transaction.due_date —
    // make sure the date is parsed and compared.
    expect(INVOICING_VIEW).toMatch(/isTransactionOverdue/);
    expect(INVOICING_VIEW).toMatch(/getTime\(\)\s*<\s*Date\.now\(\)/);
  });

  it("shows the invoice-state badge in the review detail header too", () => {
    expect(INVOICING_VIEW).toMatch(/invoicing-period-detail-invoice-state-\$\{selectedCustomer\.customer_number\}/);
  });
});

describe("TRU-63: filter is no longer hidden behind the navbar", () => {
  it("raises the period-review-toolbar z-index above the fixed navbar (z:1000)", () => {
    expect(INVOICING_VIEW).toMatch(/z-index:\s*1100/);
  });

  it("offsets the sticky toolbar so it sits below the navbar instead of behind it", () => {
    expect(INVOICING_VIEW).toMatch(/top:\s*3\.75rem/);
  });
});