Skip to content

Table Component for Students plus tests #105

@github-actions

Description

@github-actions

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 new StudentsTable component.

Implementation Details

  • Under frontend/src/main/components/Students/ create a file called StudentsTable,
    modelled after the files RestaurantTable.js and UCSBDatesTable.js

  • Under frontend/src/test/components/Students/ create a file called StudentsTable.test.js
    modelled after the files RestaurantTable.test.js and UCSBDatesTable.test.js`.

  • Under frontend/src/stories/components/Students/ create a file called StudentsTable.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/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.)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Studentsteam02 issues for Students

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions