Agrendalath/bb 2599 low priority tests (#214)

* [TNL-7269] WIP low priority tests

* [TNL-7269] Add low priority tests

* [TNL-7269] Fix failing EnrollmentAlert tests

* [TNL-7269] Address review comments

* Fixing test errors on rebase with master.

Co-authored-by: Agrendalath <piotr@surowiec.it>

src/courseware/course/sequence/content-lock/ContentLock.test.jsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { history } from '@edx/frontend-platform';
+import {
+  render, screen, fireEvent, initializeMockApp,
+} from '../../../../setupTest';
+import ContentLock from './ContentLock';
+
+describe('Content Lock', () => {
+  const mockData = {
+    courseId: 'test-course-id',
+    prereqSectionName: 'test-prerequisite-section-name',
+    prereqId: 'test-prerequisite-id',
+    sequenceTitle: 'test-sequence-title',
+  };
+
+  beforeAll(async () => {
+    // We need to mock AuthService to implicitly use `getAuthenticatedUser` within `AppContext.Provider`.
+    await initializeMockApp();
+  });
+
+  it('displays sequence title along with lock icon', () => {
+    const { container } = render(<ContentLock {...mockData} />);
+
+    const lockIcon = container.querySelector('svg');
+    expect(lockIcon).toHaveClass('fa-lock');
+    expect(lockIcon.parentElement).toHaveTextContent(mockData.sequenceTitle);
+  });
+
+  it('displays prerequisite name', () => {
+    const prereqText = `You must complete the prerequisite: '${mockData.prereqSectionName}' to access this content.`;
+    render(<ContentLock {...mockData} />);
+
+    expect(screen.getByText(prereqText)).toBeInTheDocument();
+  });
+
+  it('handles click', () => {
+    history.push = jest.fn();
+    render(<ContentLock {...mockData} />);
+    fireEvent.click(screen.getByRole('button'));
+
+    expect(history.push).toHaveBeenCalledWith(`/course/${mockData.courseId}/${mockData.prereqId}`);
+  });
+});

src/courseware/course/sequence/lock-paywall/LockPaywall.test.jsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Factory } from 'rosie';
+import { initializeTestStore, render, screen } from '../../../../setupTest';
+import LockPaywall from './LockPaywall';
+
+describe('Lock Paywall', () => {
+  let store;
+  const mockData = {};
+
+  beforeAll(async () => {
+    store = await initializeTestStore();
+    const { courseware } = store.getState();
+    mockData.courseId = courseware.courseId;
+  });
+
+  it('displays message along with lock icon', () => {
+    const { container } = render(<LockPaywall {...mockData} />);
+
+    const lockIcon = container.querySelector('svg');
+    expect(lockIcon).toHaveClass('fa-lock');
+    expect(lockIcon.parentElement).toHaveTextContent('Verified Track Access');
+  });
+
+  it('displays unlock link with price', () => {
+    const { currencySymbol, price, upgradeUrl } = store.getState().models.courses[mockData.courseId].verifiedMode;
+    render(<LockPaywall {...mockData} />);
+
+    const upgradeLink = screen.getByRole('link', { name: `Upgrade to unlock (${currencySymbol}${price})` });
+    expect(upgradeLink).toHaveAttribute('href', `${upgradeUrl}`);
+  });
+
+  it('does not display anything if course does not have verified mode', async () => {
+    const courseMetadata = Factory.build('courseMetadata', { verified_mode: null });
+    const testStore = await initializeTestStore({ courseMetadata, excludeFetchSequence: true }, false);
+    const { container } = render(<LockPaywall {...mockData} courseId={courseMetadata.id} />, { store: testStore });
+
+    expect(container).toBeEmptyDOMElement();
+  });
+});