Skip to content

Project 1B: Starter Task

Deliverables

Starter Task - 95 points - due Thursday, September 5th, 11:59PM

Onboarding

Now that you have explored the repository, the development team would like to give you an onboarding assignment.

The team has noticed an accumulation of warnings in SonarCloud, a continuous code quality inspection tool. Your task is to remove SonarCloud warnings by refactoring code and validating that your change takes effect within the NodeBB codebase.

Prerequisites

Onboarding Materials

Before jumping into the codebase, please review the course syllabus and be sure you have access to each of the following:

If you run into any trouble accessing the above or have any questions, reach out to the instructors.

Git & GitHub

In this project and throughout the rest of this course, you will be expected to work extensively with Git and GitHub. Specifically for this project, you should be familiar with:

  • Forking/cloning GitHub repositories
  • Understanding general Git flow - pulling, branching, adding, committing, pushing, merging
  • Creating GitHub Issues and using related features (labels, assignees, milestones)
  • Creating GitHub Pull Requests and using related features (linking to issues)
  • Creating GitHub Project Boards

If you are not familiar with any of these steps, you are highly recommended to first complete Recitation 2 - Git, GitHub, as it will cover the standards we are expecting in this class (which you will be graded upon). Refer to the Resources & Documentation section if needed.

GitHub Issue (20 pts)

First, choose a single file that has SonarCloud warning(s) and open a github issue in the class repository to declare which file and SonarCloud warning(s) that you will be working on.

For the task, the file must

  • Be a Javascript file.
  • Be in the src/ folder.
  • Be a file that no one else in the class has picked and created an issue for. We expect you to look through existing open issues, if any, to avoid such duplication; thus, there is an incentive for you to start early!
  • If you really can't find a unique file because you are late to the game, then you may pick a file that has an open issue, but then identify a separate SonarCloud warning in the same file. You can reference the other issue in your description to distinguish yourself (e.g., "this is different from #123 because...").

The SonarCloud warning must be categorized under the Adaptability section and contain the "Refactor" key word. The goal of this task is to refactor code in the NodeBB codebase based on the specifications of the SonarCloud warning.

Title the task appropriately, such as Refactoring code in <file name>, and mention the file name in the description. To prevent ambiguities between similarly-named files, be sure to use the full file path (src/../xx.js) in the title and description. Additionally, within the issue description, be sure to include an explanation of the SonarCloud warnings that you are working on.

Issue Guidelines

Issues titles should provide a high-level overview of what the problem is (e.g. "Navbar button UI bugs", "Unexpected registration validation errors"). Sometimes, issues are used to propose new features (e.g. "Add CSV export feature").

Issue descriptions should then elaborate on the title. For feature-level bugs, this may include providing information about how to reproduce the bug; for codebase-level changes, you can name specific files.

Then, assign yourself to the Issue by leaving a comment that says "I would like to work on this please!"

You should soon see another comment by the github-actions bot informing you that you have been successfully assigned to this issue.

Bot Issue Assignment

Why Bot Assignment?

You might be curious as to why we are using a GitHub bot instead of directly assigning yourself to the issue. As you aren’t officially recognized as a collaborator of CMU-313/NodeBB, GitHub adds some restrictions to your permissions for security purposes, including not being able to assign yourself to an issue. Hence, we are using a bot to work around these restrictions. This is similar to how you would request issues on an Open Source project!

For future projects, you will have full control over these GitHub features such as managing assignees, adding labels, creating milestones, and more.

Task (10 pts)

For this task, you will focus on refactoring the code and removing all the corresponding SonarCloud warning(s) from your chosen file. As part of the task, you would also need to validate your changes for one SonarCloud warning utilizing code coverage and running a NodeBB instance.

Back in your own fork, create a feature branch and implement the changes needed to address the SonarCloud warnings. You should start with the following steps:

  • Review the SonarCloud warnings for the file.
  • Identify the necessary code changes to address each warning.
  • Implement the changes and ensure that they do not introduce new warnings or issues.
  • Run the linter and test suite to ensure your changes pass all checks.

You can check that your refactored code removes the warning by following the SonarCloud links automatically generated in the PR after the checks are run. You could also go to SonarCloud's Pull Request list and search for your PR there.

For the validation part of the task, you only need to validate the refactored code you have worked on for one SonarCloud warning in the file you chose. You should examine the code coverage report (either the local HTML report or the online one generated by CoverAlls when you make a pull request) to ensure that the refactored code are included in the test coverage. If not, continue with the following steps:

  • Locate the tests that are currently covering that file.
  • Write tests that will add coverage to the refactored code you've written.
  • All new tests added by you must pass.
  • The tests that you write should be similar to the existing tests (e.g., do not introduce a new testing framework).

We also want you to manually test your changes in a running NodeBB instance. The purpose is to trigger the refactored code's execution from the user interface (UI) with the following steps:

  • Within your implementation, add a print statement (e.g. console.log(YOUR_NAME)) immediately before, after, or in the middle of your refactored code.
  • Restart the NodeBB instance and watch its logs via ./nodebb log.
  • Perform any necessary UI operations that execute the refactored code (e.g. clicking buttons for an action)
  • Take a screenshot of these logs to include within your report with an explanation of the steps taken to trigger the code.

GitHub Pull Request (25 pts)

As you work, be sure to periodically commit your changes. Your commit message(s) must clearly describe what is changing. If you’d like, you can also make use of branching and pull requests in your own repository to practice working with GitHub.

Branch and Commit Guidelines

Branch names should be short and provide a description of what you will be doing on that branch (e.g. "fix-header-sizing-issue", "fix-multiple-dialog-bug", "add-sorting-feature"). When working with others, you can also append your username to signal which branches are yours (e.g. "313ta/add-sorting-feature").

Commits should start with a verb and provide a description of what they are doing to the codebase (e.g. "Remove faulty condition from getCustomerDetails", "Fix failing CompositeTestCase", "Fix issue #21" ).

Once you are satisfied, open a pull request from your personal branch back to the class repository. Similar to the Issue, your PR title should mention the full path of the file you’ve changed. The PR body should summarize the changes you made and use one of the linking keywords to link the issue that you previously opened (e.g. adding resolves #313 will signal to GitHub that this PR resolves issue number 313).

Pull Request Guidelines

Pull request titles should describe what high-level changes were made to the codebase. Generally, they give a concise summary of all the commit messages.

Pull request descriptions should describe what changes have been made in more detail and how the changes have been tested.

There will be automated checks that run on your pull request to ensure you meet the requirements of this assignment. Some of them take a while to run, so be sure to check on your pull request periodically to ensure that all these actions pass and everything is working properly!

Test Suite Failures

If the tests are failing on GitHub but work locally, it may be caused by server overload. Re-running the failing GitHub Action 1-2 times will resolve this.

You should ensure that all checks including SonarCloud Quality Gate as well as Lint & Test are green. If all of the actions have passed, you will see a green checkmark next to your pull request. This signals that you have completed the implementation aspect of this assignment! ✅

Written Assignment (40 pts)

After you have completed all of the above tasks, we will ask you some questions relevant to the NodeBB project and the course syllabus. Fill out and submit the HW1 Written Assignment available on Gradescope.

Grading

To receive full credit for this project, we expect:

  • A GitHub Issue with:
    • A selected JavaScript file that follows our requirements above
    • A meaningful title and description that includes the full path of the file
    • A successful self-assignment as an assignee
  • A GitHub Pull Request with:
    • A meaningful title that includes the full path of the file
    • A description body that describes the changes made and links the pull request to the issue
    • Meaningful commit messages
    • A green checkmark signaling that all checks have passed
  • Answers to the Gradescope Written Assignment that demonstrate successful completion of the project and understanding of the benefits and limitations of software metrics in the context of NodeBB