richie-education 2.24.0 → 2.25.0-b2.dev101

package/js/widgets/Dashboard/components/DashboardItem/DashboardItemCourseEnrolling.spec.tsx

@@ -1,64 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import { PropsWithChildren } from 'react';
-import { EnrollmentFactory } from 'utils/test/factories/joanie';
-import { Priority } from 'types';
-import { Enrollment } from 'types/Joanie';
-import { DATETIME_FORMAT } from 'hooks/useDateFormat';
-import { Enrolled } from './DashboardItemCourseEnrolling';
-
-/**
- * Most of the component of this file are tested from DashboardItemEnrollment.spec.tsx and
- * DashboardItemOrder.spec.tsx. But here are some tests that are more straightforward.
- */
-describe('<Enrolled/>', () => {
-  const wrapper = ({ children }: PropsWithChildren) => {
-    return <IntlProvider locale="en">{children}</IntlProvider>;
-  };
-
-  const runTest = (priority: Priority, expectButton: boolean) => {
-    const enrollment: Enrollment = EnrollmentFactory().one();
-    enrollment.course_run.state.priority = priority;
-    render(<Enrolled enrollment={enrollment} />, { wrapper });
-    screen.getByText(
-      'You are enrolled for the session from ' +
-        new Intl.DateTimeFormat('en', DATETIME_FORMAT).format(
-          new Date(enrollment.course_run.start),
-        ) +
-        ' to ' +
-        new Intl.DateTimeFormat('en', DATETIME_FORMAT).format(new Date(enrollment.course_run.end)),
-    );
-    if (expectButton) {
-      const link = screen.getByRole('link', { name: 'Access course' });
-      expect(link).toBeEnabled();
-      expect(link).toHaveAttribute('href', enrollment.course_run.resource_link);
-    } else {
-      expect(screen.queryByRole('link', { name: 'Access course' })).toBeNull();
-    }
-  };
-
-  it('handles enrollments with priority=ONGOING_OPEN', () => {
-    runTest(Priority.ONGOING_OPEN, true);
-  });
-  it('handles enrollments with priority=FUTURE_OPEN', () => {
-    runTest(Priority.FUTURE_OPEN, false);
-  });
-  it('handles enrollments with priority=ARCHIVED_OPEN', () => {
-    runTest(Priority.ARCHIVED_OPEN, true);
-  });
-  it('handles enrollments with priority=FUTURE_NOT_YET_OPEN', () => {
-    runTest(Priority.FUTURE_NOT_YET_OPEN, false);
-  });
-  it('handles enrollments with priority=FUTURE_CLOSED', () => {
-    runTest(Priority.FUTURE_CLOSED, false);
-  });
-  it('handles enrollments with priority=ONGOING_CLOSED', () => {
-    runTest(Priority.ONGOING_CLOSED, true);
-  });
-  it('handles enrollments with priority=ARCHIVED_CLOSED', () => {
-    runTest(Priority.ARCHIVED_CLOSED, true);
-  });
-  it('handles enrollments with priority=TO_BE_SCHEDULED', () => {
-    runTest(Priority.TO_BE_SCHEDULED, false);
-  });
-});

package/js/widgets/Dashboard/components/TeacherCourseDashboardSidebar/index.spec.tsx

@@ -1,105 +0,0 @@
-import fetchMock from 'fetch-mock';
-import { MemoryRouter, Route, Routes } from 'react-router-dom';
-import { render, screen } from '@testing-library/react';
-import { IntlProvider, createIntl } from 'react-intl';
-import { QueryClientProvider } from '@tanstack/react-query';
-import { CourseListItem } from 'types/Joanie';
-import {
-  RichieContextFactory as mockRichieContextFactory,
-  UserFactory,
-} from 'utils/test/factories/richie';
-import {
-  TEACHER_DASHBOARD_ROUTE_LABELS,
-  TeacherDashboardPaths,
-} from 'widgets/Dashboard/utils/teacherRouteMessages';
-import { createTestQueryClient } from 'utils/test/createTestQueryClient';
-import JoanieSessionProvider from 'contexts/SessionContext/JoanieSessionProvider';
-
-import { CourseFactory } from 'utils/test/factories/joanie';
-import { expectNoSpinner } from 'utils/test/expectSpinner';
-import { TeacherCourseDashboardSidebar, messages } from '.';
-
-jest.mock('utils/context', () => ({
-  __esModule: true,
-  default: mockRichieContextFactory({
-    authentication: { backend: 'fonzie', endpoint: 'https://demo.endpoint' },
-    joanie_backend: { endpoint: 'https://joanie.endpoint' },
-  }).one(),
-}));
-
-jest.mock('utils/indirection/window', () => ({
-  location: {
-    replace: jest.fn(),
-  },
-}));
-
-const intl = createIntl({ locale: 'en' });
-
-interface RenderTeacherCourseDashboardSidebarProps {
-  courseId: string;
-}
-const renderTeacherCourseDashboardSidebar = ({
-  courseId,
-}: RenderTeacherCourseDashboardSidebarProps) =>
-  render(
-    <IntlProvider locale="en">
-      <QueryClientProvider client={createTestQueryClient({ user: UserFactory().one() })}>
-        <JoanieSessionProvider>
-          <MemoryRouter initialEntries={[`/${courseId}`]}>
-            <Routes>
-              <Route path="/:courseId" element={<TeacherCourseDashboardSidebar />} />
-            </Routes>
-          </MemoryRouter>
-        </JoanieSessionProvider>
-      </QueryClientProvider>
-    </IntlProvider>,
-  );
-
-describe('<TeacherCourseDashboardSidebar/>', () => {
-  let nbApiRequest: number;
-  beforeEach(() => {
-    // JoanieSessionProvider inital requests
-    nbApiRequest = 3;
-    fetchMock.get('https://joanie.endpoint/api/v1.0/orders/', []);
-    fetchMock.get('https://joanie.endpoint/api/v1.0/addresses/', []);
-    fetchMock.get('https://joanie.endpoint/api/v1.0/credit-cards/', []);
-  });
-  afterEach(() => {
-    jest.clearAllMocks();
-    fetchMock.restore();
-  });
-
-  it('should display syllabus link', async () => {
-    const course: CourseListItem = CourseFactory().one();
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/courses/${course.id}/`, course);
-    nbApiRequest += 1; // call to course
-
-    renderTeacherCourseDashboardSidebar({ courseId: course.id });
-    await expectNoSpinner('Loading course...');
-    expect(
-      screen.getByRole('link', {
-        name: intl.formatMessage(messages.syllabusLinkLabel),
-      }),
-    ).toBeInTheDocument();
-  });
-
-  it('should display menu items', async () => {
-    const course: CourseListItem = CourseFactory().one();
-    fetchMock.get(`https://joanie.endpoint/api/v1.0/courses/${course.id}/`, course);
-    nbApiRequest += 1; // call to course
-
-    renderTeacherCourseDashboardSidebar({ courseId: course.id });
-    await expectNoSpinner('Loading course...');
-    expect(
-      screen.getByRole('link', {
-        name: intl.formatMessage(
-          TEACHER_DASHBOARD_ROUTE_LABELS[TeacherDashboardPaths.COURSE_GENERAL_INFORMATION],
-        ),
-      }),
-    ).toBeInTheDocument();
-
-    expect(screen.queryByTestId('organization-links')).not.toBeInTheDocument();
-    expect(screen.getAllByRole('link')).toHaveLength(2); // 1 menu items + 1 syllabus link
-    expect(fetchMock.calls()).toHaveLength(nbApiRequest);
-  });
-});

package/js/widgets/Dashboard/components/TeacherOrganizationDashboardSidebar/index.stories.tsx

@@ -1,28 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { createMemoryRouter, RouterProvider } from 'react-router-dom';
-import { UserFactory } from 'utils/test/factories/richie';
-import { TeacherOrganizationDashboardSidebar } from 'widgets/Dashboard/components/TeacherOrganizationDashboardSidebar';
-import { StorybookHelper } from 'utils/StorybookHelper';
-
-export default {
-  component: TeacherOrganizationDashboardSidebar,
-  render: () => {
-    const user = UserFactory().one();
-    const router = createMemoryRouter(
-      [
-        {
-          index: true,
-          path: ':organizationId',
-          element: <TeacherOrganizationDashboardSidebar />,
-        },
-      ],
-      { initialEntries: ['/OrganizationTestId'] },
-    );
-
-    return StorybookHelper.wrapInApp(<RouterProvider router={router} />, { user });
-  },
-} as Meta<typeof TeacherOrganizationDashboardSidebar>;
-
-type Story = StoryObj<typeof TeacherOrganizationDashboardSidebar>;
-
-export const TeacherOrganization: Story = {};