-
Notifications
You must be signed in to change notification settings - Fork 0
Description
Dependencies
Complete the following issues first:
- Create fixtures for Students
- Set up GitHub Pages (for Storybook)
Acceptance Criteria:
-
A table called
StudentsTable
is visible in the storybook
accessible on the Github Pages link. -
The table has all the fields that are in the database table
labelled with user-friendly names corresponding to the database table column names. -
The PR description where the code addressing this issue is submitted contains
a screenshot of the new table (since this is a frontend change). -
The PR description where the code addressing this issue is submitted contains
a link to the published storybook for the PR, linking directly to the story
for the newStudentsTable
component.
Implementation Details
-
Under
frontend/src/main/components/Students/
create a file calledStudentsTable
,
modelled after the filesRestaurantTable.js
andUCSBDatesTable.js
-
Under
frontend/src/test/components/Students/
create a file calledStudentsTable.test.js
modelled after the filesRestaurantTable.test.js and
UCSBDatesTable.test.js`. -
Under
frontend/src/stories/components/Students/
create a file calledStudentsTable.stories.js
,
modelled after the filesRestaurantTable.stories.js
andUCSBDatesTable.stories.js
.
Notes
-
For this issue, tt is not necessary that the table be linked to a
page that connects it to the backend; that will be done in a later issue. -
This issue illustrates how it is possible to create at least part of the frontend
for a feature even if/when the backend is not yet complete.
Reminders (all from frontend
directory):
- Always start by setting the node version with
nvm use 20.17.0
- To run storybook locally:
npm run storybook
. - To run tests locally:
npm test
. - Quickly test coverage locally:
npm run coverage
- Check linting locally:
npx eslint --fix .
- Check mutation coverage locally (slow):
npx stryker run
- Check mutation coverage of single file (faster):
npx stryker run -m src/main/components/Students/StudentsForm.js
What to do next
Do a PR, following all of the usual steps (title, description, Closes #n
text,
dragging issue to "In Review", requesting reviewers).
Check to see if any fellow team members PRs need to be reviewed.
Then, assign yourself the issue "Copy Placeholders for Students
pages; add to App.js/AppNavbar.js"
Follow all the usual steps (assign to self, drag to "In Progress", start new branch.)