1. You need an active BrowserStack Code Quality account. (Don’t have one? Sign up free here).2. Identifying Problems builds off of the lessons learned in the previous articles. To get the most out of this article we recommend you finish your First Scan. BrowserStack Code Quality rating system The BrowserStack Code…
When to use the partitioning editor There are many issues that are a result of classes being too large. This can range from components that are slightly above the recommended lines of code threshold (like StrSubstitutor) to large components with non–cohesive functionality (like God Classes). A common strategy for dealing…
After navigating to the Component Explorer of a certain component, the Dependency View can be accessed via the top menu: The Dependency View can show all incoming or outgoing dependencies of one component. Outgoing dependencies are describing the components that are used by the current component, incoming dependencies show which…
Using the Changed Component List The Your First Scan article shows how to use the Change Overview to quickly assess the impact of code changes; this part shows how to analyze detailed changes and their impact. To see this, click on the Changed Component List icon in the navigation bar:…
Before you get started Before starting this article, make sure you have:1. An active BrowserStack Code Quality account (Don’t have one? Sign up free here).2. Gone through Your First Scan and Identifying Problems. Assessing Changes builds off of the lessons learned in the previous articles. To get the most out…
The previous sections showed how to identify potential low-quality components that need more attention, either through the Heatmap or the Component List. In this section, the focus is on two different aspects:1. Identifying problematic packages2. Identifying problem classes that lead to bad quality What are the available Distribution Screens? The…
What does the component list show? The component list can be accessed from the Node Summary bar by clicking on the list icon: You will be redirected to a page that shows a list of all components of your software sorted by ascending Overall Score. The components with the worst…
What Does the Heatmap Show? The Heatmap can be accessed from the top navigation bar by clicking the box icon next to the fire icon: Clicking on it will bring you to the Heatmap page, which shows the main components of your repository. Each component is represented as a rectangle, where…
Scans are the foundation of BrowserStack Code Quality: Once started, BrowserStack Code Quality will analyze the given source code, generate metrics, identify code issues and find software design anti-patterns. So let’s run a scan on the repository we just set up. Run a scan Inside the repository, Apache clicks the…
Repositories are the storage containers for your source code. Most of today’s repositories are stored using services like Github, GitLab, Bitbucket, etc. (view a full list of supported services here). In order to analyze any code on BrowserStack Code Quality, a repository must first be linked. Steps to link a repository:…
