@openedx/frontend-app-learner-dashboard 1.0.0-alpha.3 → 1.0.0-alpha.5

package/src/containers/CourseCard/components/CourseCardBanners/__snapshots__/CourseBanner.test.jsx.snap

@@ -1,38 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseBanner audit access expired snapshot: (auditAccessExpired, findAnotherCourse hyperlink) 1`] = `
-<Fragment>
-  <Banner>
-    Your audit access to this course has expired.
-      
-    <Hyperlink
-      destination=""
-      isInline={true}
-    >
-      Find another course
-    </Hyperlink>
-  </Banner>
-</Fragment>
-`;
-
-exports[`CourseBanner snapshot: stacking banners 1`] = `<Fragment />`;
-
-exports[`CourseBanner staff snapshot: isStaff 1`] = `<Fragment />`;
-
-exports[`CourseBanner too early has start date snapshot 1`] = `
-<Fragment>
-  <Banner>
-    You can't access this course just yet because the course hasn't started yet. The course will start on 11/11/3030.
-  </Banner>
-</Fragment>
-`;
-
-exports[`CourseBanner too early no start date snapshot 1`] = `<Fragment />`;
-
-exports[`CourseBanner unmet prerequisites snapshot: unmetPrerequisites 1`] = `
-<Fragment>
-  <Banner>
-    You can't access this course just yet because you have not met the pre-requisites.
-  </Banner>
-</Fragment>
-`;

package/src/containers/CourseCard/components/CourseCardBanners/__snapshots__/EntitlementBanner.test.jsx.snap

@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EntitlementBanner snapshot: expiration warning 1`] = `
-<Banner>
-  <format-message-function
-    message={
-      {
-        "defaultMessage": "You must {selectSessionButton} by {changeDeadline} to access the course.",
-        "description": "Entitlement course message when the entitlement is expiring soon.",
-        "id": "learner-dash.courseCard.banners.entitlementExpiringSoon",
-      }
-    }
-    values={
-      {
-        "changeDeadline": "11/11/2022",
-        "selectSessionButton": <Button
-          className="m-0 p-0"
-          onClick={[MockFunction updateSelectSessionModalCallback(my-test-course-number)]}
-          size="inline"
-          variant="link"
-        >
-          select a session
-        </Button>,
-      }
-    }
-  />
-</Banner>
-`;
-
-exports[`EntitlementBanner snapshot: no sessions available 1`] = `
-<Banner
-  variant="warning"
->
-  <format-message-function
-    message={
-      {
-        "defaultMessage": "There are no sessions available at the moment.  The course team will create new sessions soon.  If no sessions appear, please contact {emailLink} for information.",
-        "description": "Entitlement course message when no sessions are available",
-        "id": "learner-dash.courseCard.banners.entitlementUnavailable",
-      }
-    }
-    values={
-      {
-        "emailLink": <MailtoLink
-          to="test-support-email"
-        >
-          test-support-email
-        </MailtoLink>,
-      }
-    }
-  />
-</Banner>
-`;

package/src/containers/CourseCard/components/CourseCardBanners/__snapshots__/index.test.jsx.snap

@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseCardBanners render with isEnrolled false 1`] = `
-<div
-  className="course-card-banners"
-  data-testid="CourseCardBanners"
->
-  <RelatedProgramsBanner
-    cardId="test-card-id"
-  />
-  <CourseBannerSlot
-    cardId="test-card-id"
-  />
-  <EntitlementBanner
-    cardId="test-card-id"
-  />
-</div>
-`;
-
-exports[`CourseCardBanners renders default CourseCardBanners 1`] = `
-<div
-  className="course-card-banners"
-  data-testid="CourseCardBanners"
->
-  <RelatedProgramsBanner
-    cardId="test-card-id"
-  />
-  <CourseBannerSlot
-    cardId="test-card-id"
-  />
-  <EntitlementBanner
-    cardId="test-card-id"
-  />
-  <CertificateBanner
-    cardId="test-card-id"
-  />
-  <CreditBanner
-    cardId="test-card-id"
-  />
-</div>
-`;

package/src/containers/CourseCard/components/CourseCardDetails/__snapshots__/index.test.jsx.snap

@@ -1,56 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseCard Details component does not have change session button on regular course 1`] = `
-<div>
-  <span
-    class="small"
-    data-testid="CourseCardDetails"
-  >
-    provider-name
-     • 
-    test-course-number
-     • access-message
-  </span>
-</div>
-`;
-
-exports[`CourseCard Details component has change session button on entitlement course 1`] = `
-<div>
-  <span
-    class="small"
-    data-testid="CourseCardDetails"
-  >
-    provider-name
-     • 
-    test-course-number
-     • access-message
-     • 
-    <button
-      class="m-0 p-0"
-      variant="link"
-    >
-      change-or-leave-session-message
-    </button>
-  </span>
-</div>
-`;
-
-exports[`CourseCard Details component has change session button on entitlement course but no access message 1`] = `
-<div>
-  <span
-    class="small"
-    data-testid="CourseCardDetails"
-  >
-    provider-name
-     • 
-    test-course-number
-     • 
-    <button
-      class="m-0 p-0"
-      variant="link"
-    >
-      change-or-leave-session-message
-    </button>
-  </span>
-</div>
-`;

package/src/containers/CourseCard/components/CourseCardMenu/__snapshots__/index.test.jsx.snap

@@ -1,81 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseCardMenu render show dropdown hide unenroll item and disable email snapshot 1`] = `
-<Fragment>
-  <Dropdown
-    onToggle={[MockFunction hooks.handleToggleDropdown]}
-  >
-    <Dropdown.Toggle
-      alt="Course actions dropdown"
-      as="IconButton"
-      iconAs="Icon"
-      id="course-actions-dropdown-test-card-id"
-      src={[MockFunction icons.MoreVert]}
-      variant="primary"
-    />
-    <Dropdown.Menu>
-      <SocialShareMenu
-        cardId="test-card-id"
-        emailSettings={
-          {
-            "hide": [MockFunction emailSettingHide],
-            "isVisible": false,
-            "show": [MockFunction emailSettingShow],
-          }
-        }
-      />
-    </Dropdown.Menu>
-  </Dropdown>
-  <UnenrollConfirmModal
-    cardId="test-card-id"
-    closeModal={[MockFunction unenrollHide]}
-    show={false}
-  />
-</Fragment>
-`;
-
-exports[`CourseCardMenu render show dropdown show unenroll and enable email snapshot 1`] = `
-<Fragment>
-  <Dropdown
-    onToggle={[MockFunction hooks.handleToggleDropdown]}
-  >
-    <Dropdown.Toggle
-      alt="Course actions dropdown"
-      as="IconButton"
-      iconAs="Icon"
-      id="course-actions-dropdown-test-card-id"
-      src={[MockFunction icons.MoreVert]}
-      variant="primary"
-    />
-    <Dropdown.Menu>
-      <Dropdown.Item
-        data-testid="unenrollModalToggle"
-        disabled={false}
-        onClick={[MockFunction unenrollShow]}
-      >
-        Unenroll
-      </Dropdown.Item>
-      <SocialShareMenu
-        cardId="test-card-id"
-        emailSettings={
-          {
-            "hide": [MockFunction emailSettingHide],
-            "isVisible": false,
-            "show": [MockFunction emailSettingShow],
-          }
-        }
-      />
-    </Dropdown.Menu>
-  </Dropdown>
-  <UnenrollConfirmModal
-    cardId="test-card-id"
-    closeModal={[MockFunction unenrollHide]}
-    show={false}
-  />
-  <EmailSettingsModal
-    cardId="test-card-id"
-    closeModal={[MockFunction emailSettingHide]}
-    show={false}
-  />
-</Fragment>
-`;

package/src/containers/CourseCard/components/RelatedProgramsBadge/__snapshots__/index.test.jsx.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RelatedProgramsBadge component snapshot: 3 programs 1`] = `
-<Fragment>
-  <Button
-    className="pl-0 mr-0 justify-content-start align-self-start flex-shrink-1"
-    data-testid="RelatedProgramsBadge"
-    onClick={[MockFunction useRelatedProgramsBadge.openModal]}
-    size="sm"
-    variant="tertiary"
-  >
-    <Icon
-      className="mr-2 pr-0"
-      src={[MockFunction icons.Program]}
-    />
-     
-    useRelatedProgramsBadge.programsMessage
-  </Button>
-  <RelatedProgramsModal
-    cardId="test-course-number"
-    closeModal={[MockFunction useRelatedProgramsBadge.closeModal]}
-    isOpen={true}
-  />
-</Fragment>
-`;

package/src/containers/CourseCard/components/__snapshots__/CourseCardImage.test.jsx.snap

@@ -1,72 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseCardImage snapshot renders clickable link course Image 1`] = `
-<a
-  className="pgn__card-wrapper-image-cap d-inline-block overflow-visible orientation"
-  href="home-url"
-  onClick={
-    {
-      "trackCourseEvent": {
-        "cardId": "cardId",
-        "eventName": [MockFunction segment.courseImageClicked],
-        "url": "home-url",
-      },
-    }
-  }
-  tabIndex="-1"
->
-  <Fragment>
-    <img
-      alt="Course thumbnail"
-      className="pgn__card-image-cap w-100 show"
-      src="banner-img-src"
-    />
-    <span
-      className="course-card-verify-ribbon-container"
-      title="You're enrolled as a verified student"
-    >
-      <Badge
-        as="div"
-        className="w-100"
-        variant="success"
-      >
-        Verified
-      </Badge>
-      <img
-        alt="ID Verified Ribbon/Badge"
-        src="test-file-stub"
-      />
-    </span>
-  </Fragment>
-</a>
-`;
-
-exports[`CourseCardImage snapshot renders disabled link 1`] = `
-<div
-  className="pgn__card-wrapper-image-cap d-inline-block overflow-visible orientation"
->
-  <Fragment>
-    <img
-      alt="Course thumbnail"
-      className="pgn__card-image-cap w-100 show"
-      src="banner-img-src"
-    />
-    <span
-      className="course-card-verify-ribbon-container"
-      title="You're enrolled as a verified student"
-    >
-      <Badge
-        as="div"
-        className="w-100"
-        variant="success"
-      >
-        Verified
-      </Badge>
-      <img
-        alt="ID Verified Ribbon/Badge"
-        src="test-file-stub"
-      />
-    </span>
-  </Fragment>
-</div>
-`;

package/src/containers/CourseCard/components/__snapshots__/CourseCardTitle.test.jsx.snap

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseCardTitle snapshot renders clickable link course title 1`] = `
-<h3>
-  <a
-    className="course-card-title"
-    data-testid="CourseCardTitle"
-    href="home-url"
-    onClick={
-      {
-        "trackCourseEvent": {
-          "cardId": "cardId",
-          "eventName": [MockFunction segment.courseTitleClicked],
-          "url": "home-url",
-        },
-      }
-    }
-  >
-    course-name
-  </a>
-</h3>
-`;
-
-exports[`CourseCardTitle snapshot renders disabled link 1`] = `
-<h3>
-  <span
-    className="course-card-title"
-    data-testid="CourseCardTitle"
-  >
-    course-name
-  </span>
-</h3>
-`;

package/src/containers/CourseFilterControls/__snapshots__/ActiveCourseFilters.test.jsx.snap

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ActiveCourseFilters snapshot renders 1`] = `
-<div
-  id="course-list-active-filters"
->
-  <Chip
-    key="inProgress"
-  >
-    In-Progress
-  </Chip>
-  <Chip
-    key="notStarted"
-  >
-    Not Started
-  </Chip>
-  <Chip
-    key="done"
-  >
-    Done
-  </Chip>
-  <Chip
-    key="notEnrolled"
-  >
-    Not Enrolled
-  </Chip>
-  <Chip
-    key="upgraded"
-  >
-    Upgraded
-  </Chip>
-  <Button
-    onClick={[Function]}
-    variant="link"
-  >
-    Clear all
-  </Button>
-</div>
-`;

package/src/containers/CourseFilterControls/__snapshots__/CourseFilterControls.test.jsx.snap

@@ -1,169 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CourseFilterControls is not mobile snapshot 1`] = `
-<div
-  id="course-filter-controls"
->
-  <Button
-    disabled={false}
-    iconBefore={[MockFunction icons.Tune]}
-    onClick={[MockFunction open]}
-    variant="outline-primary"
-  >
-    Refine
-  </Button>
-  <Form>
-    <ModalPopup
-      isOpen={false}
-      onClose={[MockFunction close]}
-      placement="bottom-end"
-      positionRef="test-target"
-    >
-      <div
-        className="bg-white p-3 rounded shadow d-flex flex-row"
-        id="course-filter-controls-card"
-      >
-        <div
-          className="filter-form-col"
-        >
-          <FilterForm
-            filters={
-              [
-                "test-filter",
-              ]
-            }
-            handleFilterChange={[MockFunction handleFilterChange]}
-          />
-        </div>
-        <hr
-          className="h-100 bg-primary-200 mx-3 my-0"
-        />
-        <div
-          className="filter-form-col text-left m-1"
-        >
-          <SortForm
-            handleSortChange={[MockFunction handleSortChange]}
-            sortBy="test-sort-by"
-          />
-        </div>
-      </div>
-    </ModalPopup>
-  </Form>
-</div>
-`;
-
-exports[`CourseFilterControls mobile snapshot 1`] = `
-<div
-  id="course-filter-controls"
->
-  <Button
-    disabled={false}
-    iconBefore={[MockFunction icons.Tune]}
-    onClick={[MockFunction open]}
-    variant="outline-primary"
-  >
-    Refine
-  </Button>
-  <Form>
-    <Sheet
-      className="w-75"
-      onClose={[MockFunction close]}
-      position="left"
-      show={false}
-    >
-      <div
-        className="p-1 mr-3"
-      >
-        <b>
-          Refine
-        </b>
-      </div>
-      <hr />
-      <div
-        className="filter-form-row"
-      >
-        <FilterForm
-          filters={
-            [
-              "test-filter",
-            ]
-          }
-          handleFilterChange={[MockFunction handleFilterChange]}
-        />
-      </div>
-      <div
-        className="filter-form-row text-left m-1"
-      >
-        <SortForm
-          handleSortChange={[MockFunction handleSortChange]}
-          sortBy="test-sort-by"
-        />
-      </div>
-      <div
-        className="pgn__modal-close-container"
-      >
-        <ModalCloseButton
-          onClick={[MockFunction close]}
-          variant="tertiary"
-        >
-          <Icon
-            src={[MockFunction icons.Close]}
-          />
-        </ModalCloseButton>
-      </div>
-    </Sheet>
-  </Form>
-</div>
-`;
-
-exports[`CourseFilterControls no courses snapshot 1`] = `
-<div
-  id="course-filter-controls"
->
-  <Button
-    disabled={true}
-    iconBefore={[MockFunction icons.Tune]}
-    onClick={[MockFunction open]}
-    variant="outline-primary"
-  >
-    Refine
-  </Button>
-  <Form>
-    <ModalPopup
-      isOpen={false}
-      onClose={[MockFunction close]}
-      placement="bottom-end"
-      positionRef="test-target"
-    >
-      <div
-        className="bg-white p-3 rounded shadow d-flex flex-row"
-        id="course-filter-controls-card"
-      >
-        <div
-          className="filter-form-col"
-        >
-          <FilterForm
-            filters={
-              [
-                "test-filter",
-              ]
-            }
-            handleFilterChange={[MockFunction handleFilterChange]}
-          />
-        </div>
-        <hr
-          className="h-100 bg-primary-200 mx-3 my-0"
-        />
-        <div
-          className="filter-form-col text-left m-1"
-        >
-          <SortForm
-            handleSortChange={[MockFunction handleSortChange]}
-            sortBy="test-sort-by"
-          />
-        </div>
-      </div>
-    </ModalPopup>
-  </Form>
-</div>
-`;

package/src/containers/CourseFilterControls/components/__snapshots__/Checkbox.test.jsx.snap

@@ -1,46 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Checkbox snapshot renders done 1`] = `
-<Form.Checkbox
-  className="py-2"
-  value="done"
->
-  Done
-</Form.Checkbox>
-`;
-
-exports[`Checkbox snapshot renders inProgress 1`] = `
-<Form.Checkbox
-  className="py-2"
-  value="inProgress"
->
-  In-Progress
-</Form.Checkbox>
-`;
-
-exports[`Checkbox snapshot renders notEnrolled 1`] = `
-<Form.Checkbox
-  className="py-2"
-  value="notEnrolled"
->
-  Not Enrolled
-</Form.Checkbox>
-`;
-
-exports[`Checkbox snapshot renders notStarted 1`] = `
-<Form.Checkbox
-  className="py-2"
-  value="notStarted"
->
-  Not Started
-</Form.Checkbox>
-`;
-
-exports[`Checkbox snapshot renders upgraded 1`] = `
-<Form.Checkbox
-  className="py-2"
-  value="upgraded"
->
-  Upgraded
-</Form.Checkbox>
-`;

package/src/containers/CourseFilterControls/components/__snapshots__/FilterForm.test.jsx.snap

@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilterForm snapshot renders 1`] = `
-<Form.Group>
-  <div
-    className="filter-form-heading mb-1"
-  >
-    Course Status
-  </div>
-  <Form.CheckboxSet
-    name="course-status-filters"
-    onChange={[MockFunction handleFilterChange]}
-    value={
-      [
-        "test-filter",
-      ]
-    }
-  >
-    <Checkbox
-      filterKey="inProgress"
-      key="inProgress"
-    />
-    <Checkbox
-      filterKey="notStarted"
-      key="notStarted"
-    />
-    <Checkbox
-      filterKey="done"
-      key="done"
-    />
-    <Checkbox
-      filterKey="notEnrolled"
-      key="notEnrolled"
-    />
-    <Checkbox
-      filterKey="upgraded"
-      key="upgraded"
-    />
-  </Form.CheckboxSet>
-</Form.Group>
-`;