[ ] A table called UCSBDiningCommonsMenuItemTable 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 new UCSBDiningCommonsMenuItemTable component.
Implementation Details
[ ] Under frontend/src/main/components/UCSBDiningCommonsMenuItem/ create a file called UCSBDiningCommonsMenuItemTable,
modelled after the files RestaurantTable.js and UCSBDatesTable.js
[ ] Under frontend/src/test/components/UCSBDiningCommonsMenuItem/ create a file called UCSBDiningCommonsMenuItemTable.test.js
modelled after the files RestaurantTable.test.js andUCSBDatesTable.test.js`.
[ ] Under frontend/src/stories/components/UCSBDiningCommonsMenuItem/ create a file called UCSBDiningCommonsMenuItemTable.stories.js,
modelled after the files RestaurantTable.stories.js and UCSBDatesTable.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/UCSBDiningCommonsMenuItem/UCSBDiningCommonsMenuItemForm.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 UCSBDiningCommonsMenuItem pages; add to App.js/AppNavbar.js"
Follow all the usual steps (assign to self, drag to "In Progress", start new branch.)
Dependencies
Complete the following issues first:
Acceptance Criteria:
[ ] A table called
UCSBDiningCommonsMenuItemTable
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 new
UCSBDiningCommonsMenuItemTable
component.Implementation Details
[ ] Under
frontend/src/main/components/UCSBDiningCommonsMenuItem/
create a file calledUCSBDiningCommonsMenuItemTable
, modelled after the filesRestaurantTable.js
andUCSBDatesTable.js
[ ] Under
frontend/src/test/components/UCSBDiningCommonsMenuItem/
create a file calledUCSBDiningCommonsMenuItemTable.test.js
modelled after the filesRestaurantTable.test.js and
UCSBDatesTable.test.js`.[ ] Under
frontend/src/stories/components/UCSBDiningCommonsMenuItem/
create a file calledUCSBDiningCommonsMenuItemTable.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):nvm use 20.17.0
npm run storybook
.npm test
.npm run coverage
npx eslint --fix .
npx stryker run
npx stryker run -m src/main/components/UCSBDiningCommonsMenuItem/UCSBDiningCommonsMenuItemForm.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
UCSBDiningCommonsMenuItem
pages; add to App.js/AppNavbar.js"Follow all the usual steps (assign to self, drag to "In Progress", start new branch.)