richie-education 3.2.1-dev9 → 3.2.2-dev26

package/js/pages/TeacherDashboardOrganizationQuotes/index.full-process.spec.tsx

@@ -0,0 +1,194 @@
+import fetchMock from 'fetch-mock';
+import { cleanup, screen } from '@testing-library/react';
+import userEvent, { UserEvent } from '@testing-library/user-event';
+import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
+import { OrganizationQuoteFactory } from 'utils/test/factories/joanie';
+import { expectNoSpinner } from 'utils/test/expectSpinner';
+import { setupJoanieSession } from 'utils/test/wrappers/JoanieAppWrapper';
+import { render } from 'utils/test/render';
+import { PaymentMethod } from 'components/PaymentInterfaces/types';
+import { BatchOrderState } from 'types/Joanie';
+import { browserDownloadFromBlob } from 'utils/download';
+import TeacherDashboardOrganizationQuotes from '.';
+
+jest.mock('utils/context', () => ({
+  __esModule: true,
+  default: mockRichieContextFactory({
+    authentication: { backend: 'fonzie', endpoint: 'https://auth.endpoint.test' },
+    joanie_backend: { endpoint: 'https://joanie.endpoint' },
+  }).one(),
+}));
+
+jest.mock('utils/download', () => ({
+  browserDownloadFromBlob: jest.fn(),
+}));
+
+let user: UserEvent;
+
+describe('full process for the organization quotes dashboard', () => {
+  beforeEach(() => {
+    user = userEvent.setup();
+    jest.resetAllMocks();
+  });
+  setupJoanieSession();
+
+  it('should works with the full process workflow for any payment methods', async () => {
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/`, []);
+
+    const quoteQuoted = OrganizationQuoteFactory({
+      batch_order: {
+        state: BatchOrderState.QUOTED,
+        payment_method: PaymentMethod.CARD_PAYMENT,
+        available_actions: { next_action: 'confirm_quote' },
+      },
+      organization_signed_on: undefined,
+    }).one();
+    const quoteSendForSign = OrganizationQuoteFactory({
+      id: quoteQuoted.id,
+      batch_order: {
+        state: BatchOrderState.TO_SIGN,
+        payment_method: PaymentMethod.CARD_PAYMENT,
+        contract_submitted: false,
+        available_actions: { next_action: 'submit_for_signature' },
+      },
+    }).one();
+    const quoteWaitingForSign = OrganizationQuoteFactory({
+      id: quoteQuoted.id,
+      batch_order: {
+        state: BatchOrderState.TO_SIGN,
+        payment_method: PaymentMethod.CARD_PAYMENT,
+        contract_submitted: true,
+        available_actions: { next_action: null },
+      },
+    }).one();
+    const quotePending = OrganizationQuoteFactory({
+      id: quoteQuoted.id,
+      batch_order: {
+        state: BatchOrderState.PENDING,
+        payment_method: PaymentMethod.CARD_PAYMENT,
+      },
+    }).one();
+    const quoteProcessingPayment = OrganizationQuoteFactory({
+      id: quoteQuoted.id,
+      batch_order: {
+        state: BatchOrderState.PROCESS_PAYMENT,
+        payment_method: PaymentMethod.CARD_PAYMENT,
+      },
+    }).one();
+    const quoteDownload = OrganizationQuoteFactory({
+      id: quoteQuoted.id,
+      batch_order: {
+        state: BatchOrderState.COMPLETED,
+        payment_method: PaymentMethod.CARD_PAYMENT,
+      },
+    }).one();
+
+    const quotesResponses = [
+      { results: [quoteQuoted], count: 1, previous: null, next: null },
+      { results: [quoteSendForSign], count: 1, previous: null, next: null },
+      { results: [quoteWaitingForSign], count: 1, previous: null, next: null },
+      { results: [quotePending], count: 1, previous: null, next: null },
+      { results: [quoteProcessingPayment], count: 1, previous: null, next: null },
+      { results: [quoteDownload], count: 1, previous: null, next: null },
+      { results: [quoteDownload], count: 1, previous: null, next: null },
+    ];
+
+    fetchMock.get(
+      `https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=1&page_size=10`,
+      () => quotesResponses.shift(),
+    );
+
+    fetchMock.patch(`https://joanie.endpoint/api/v1.0/organizations/1/confirm-quote/`, 200);
+
+    fetchMock.post(
+      `https://joanie.endpoint/api/v1.0/organizations/1/submit-for-signature-batch-order/`,
+      200,
+    );
+
+    fetchMock.get(
+      `https://joanie.endpoint/api/v1.0/organizations/1/download-quote/?quote_id=${quoteDownload.id}`,
+      {
+        status: 200,
+        body: new Blob(['test']),
+      },
+    );
+
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+
+    await expectNoSpinner();
+
+    // Expand dashboard card
+    const wrapper = screen.getByTestId('dashboard-card__wrapper');
+    const card = wrapper.closest('.dashboard-card');
+    const toggle = await screen.findByTestId('dashboard-card__header__toggle');
+    await user.click(toggle);
+    expect(card).toHaveClass('dashboard-card--opened');
+
+    // Download quote
+    const downloadQuoteButton = await screen.findByRole('button', {
+      name: /Download quote/i,
+    });
+    expect(downloadQuoteButton).toBeVisible();
+    await user.click(downloadQuoteButton);
+    expect(browserDownloadFromBlob).toHaveBeenCalledTimes(1);
+
+    // First step : confirm quote
+    const confirmQuoteButton = await screen.findByRole('button', { name: /confirm quote/i });
+    expect(confirmQuoteButton).toBeVisible();
+    await user.click(confirmQuoteButton);
+    await screen.findByText(/total amount/i);
+    await user.type(screen.getByLabelText(/total amount/i), '1000');
+    await user.click(screen.getByRole('button', { name: /confirm quote/i }));
+
+    // Second step : to sign quote
+    const sendForSignatureButton = await screen.findByRole('button', {
+      name: /send quote for signature/i,
+    });
+    expect(sendForSignatureButton).toBeVisible();
+    await user.click(sendForSignatureButton);
+
+    // Third step : waiting for signature
+    const waitingSignatureButton = await screen.findByRole('button', {
+      name: /waiting signature/i,
+    });
+    expect(waitingSignatureButton).toBeVisible();
+    expect(waitingSignatureButton).toBeDisabled();
+
+    // Fourth step : pending payment
+    cleanup();
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+    await expectNoSpinner();
+
+    const pendingPaymentButton = await screen.findByRole('button', {
+      name: /waiting payment/i,
+    });
+    expect(pendingPaymentButton).toBeVisible();
+    expect(pendingPaymentButton).toBeDisabled();
+
+    // Fifth step : process payment
+    cleanup();
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+    await expectNoSpinner();
+
+    const processPaymentButton = await screen.findByRole('button', {
+      name: /processing payment/i,
+    });
+    expect(processPaymentButton).toBeVisible();
+    expect(processPaymentButton).toBeDisabled();
+  });
+});

package/js/pages/TeacherDashboardOrganizationQuotes/index.spec.tsx

@@ -0,0 +1,144 @@
+import fetchMock from 'fetch-mock';
+import { screen, waitFor } from '@testing-library/react';
+import userEvent, { UserEvent } from '@testing-library/user-event';
+import { RichieContextFactory as mockRichieContextFactory } from 'utils/test/factories/richie';
+import { OrganizationQuoteFactory } from 'utils/test/factories/joanie';
+import { expectNoSpinner } from 'utils/test/expectSpinner';
+import { setupJoanieSession } from 'utils/test/wrappers/JoanieAppWrapper';
+import { render } from 'utils/test/render';
+import { expectBannerInfo, expectBannerError } from 'utils/test/expectBanner';
+import TeacherDashboardOrganizationQuotes from '.';
+
+let user: UserEvent;
+
+jest.mock('utils/context', () => ({
+  __esModule: true,
+  default: mockRichieContextFactory({
+    authentication: { backend: 'fonzie', endpoint: 'https://auth.endpoint.test' },
+    joanie_backend: { endpoint: 'https://joanie.endpoint' },
+  }).one(),
+}));
+
+describe('pages/TeacherDashboardOrganizationQuotes', () => {
+  setupJoanieSession();
+  beforeEach(() => {
+    user = userEvent.setup();
+    jest.resetAllMocks();
+  });
+
+  it('should render a list of quotes for an organization', async () => {
+    const quoteList = OrganizationQuoteFactory().many(1);
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/`, []);
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=1&page_size=10`, {
+      results: quoteList,
+      count: 0,
+      previous: null,
+      next: null,
+    });
+
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+
+    await expectNoSpinner();
+    await Promise.all(
+      quoteList.map(async (quote) => {
+        expect(
+          await screen.findByText(`Batch order id: ${quote.batch_order.id}`),
+        ).toBeInTheDocument();
+        const seats = quote.batch_order.nb_seats === 1 ? 'seat' : 'seats';
+        expect(
+          await screen.findByText(`${quote.batch_order.nb_seats} ${seats}`),
+        ).toBeInTheDocument();
+      }),
+    );
+  });
+
+  it('should render an empty list of quotes for an organization', async () => {
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/`, []);
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=1&page_size=10`, {
+      results: [],
+      count: 0,
+      previous: null,
+      next: null,
+    });
+
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+
+    await expectNoSpinner();
+    await expectBannerInfo('No quotes found for this organization.');
+  });
+
+  it('should paginate', async () => {
+    const quoteList = OrganizationQuoteFactory().many(30);
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/`, []);
+
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=1&page_size=10`, {
+      results: quoteList.slice(0, 10),
+      count: 30,
+      previous: null,
+      next: 'https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=2&page_size=10',
+    });
+
+    fetchMock.get(`https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=2&page_size=10`, {
+      results: quoteList.slice(10, 20),
+      count: 30,
+      previous: 'https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=1&page_size=10',
+      next: 'https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=3&page_size=10',
+    });
+
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+
+    await expectNoSpinner();
+
+    expect(
+      screen.getByText((content) => content.includes(quoteList[0].batch_order.id)),
+    ).toBeInTheDocument();
+    expect(
+      screen.queryByText((content) => content.includes(quoteList[10].batch_order.id)),
+    ).not.toBeInTheDocument();
+
+    const nextButton = screen.getByRole('link', { name: /page 2/i });
+    await user.click(nextButton);
+
+    await waitFor(() => {
+      expect(
+        screen.getByText((content) => content.includes(quoteList[10].batch_order.id)),
+      ).toBeInTheDocument();
+    });
+    expect(
+      screen.queryByText((content) => content.includes(quoteList[0].batch_order.id)),
+    ).not.toBeInTheDocument();
+  });
+
+  it('should display an error when API fails', async () => {
+    fetchMock.get('https://joanie.endpoint/api/v1.0/organizations/', []);
+    fetchMock.get(
+      'https://joanie.endpoint/api/v1.0/organizations/1/quotes/?page=1&page_size=10',
+      500,
+    );
+
+    render(<TeacherDashboardOrganizationQuotes />, {
+      routerOptions: {
+        path: '/organizations/:organizationId/quotes',
+        initialEntries: ['/organizations/1/quotes'],
+      },
+    });
+
+    await expectNoSpinner();
+    await expectBannerError('An error occurred while fetching resources. Please retry later.');
+  });
+});