Peter - Add PersonalSections Table to PersonalSchedulesDetails Page

[hauntedghosts]

This pull request closes Issue #19 Add personal schedule details to PersonalScheduleDetailsPage.

Which files were modified / added?

modified:   src/main/pages/PersonalSchedules/PersonalSchedulesDetailsPage.js
modified:   src/tests/pages/PersonalSchedules/PersonalSchedulesDetailsPage.test.js

What does this pull request add?

• Adds the Personal Sections Table component which lists all added courses to a personal schedule to the PersonalSchedule Details page.
• Additionally, a test was created to ensure Personal sections table is rendered correctly on the PersonalSections Details page and works correctly.

How can this pull request be tested?

TESTING ON HEROKU QA

See (Deployed on Heroku): https://f22-5pm-2-courses.herokuapp.com/personalschedules/details/24

Results should look like this on Heroku:

Also to further test the feature, add more items to the table! To do this:

• Go to UCSB Course Search and search for S22 courses in any department.
• Find a course
• Copy the enrollment code, navigate to PSCourse>Create
• Paste the enrollment code and enter 24 into the Personal Schedule ID Field
• Now, Go to PersonalSchedules>List>Details (ID24)
• Verify that the new Sections have been added

LOCAL TESTING:

• Pull this branch so you can access it locally.
• mvn spring-boot:run
• cd to the frontend directory in the project file
• npm start
• Navigate to http://localhost:8080/personalschedules/list
• Check details of a Personal Schedule to see Sections
• If empty, populate with steps in Testing in Heroku QA Section

Expected result when testing Locally:

[sophiacheng01]

LGTM

[bhuang01]

LGTM

[pconrad]

LGTM!