Code Quality datasets display the code analysis returned by the ‘Analyze JavaScript Quality action’. The results are presented in a screen with vertically scrolling panels, which has two separate modes.
Rules
Select ‘show rules’ in the screen’s header to display the ESLint quality rules that were triggered by the specified BSP Application page’s JavaScript code.
The left-hand panel lists each violated rule, including the rule’s class and the line number in which the rule violation occurred. Select a numbered entry in this list to highlight the relevant line of JavaScript code in the right-hand panel.
The right-hand panel displays the specified BSP Application page’s JavaScript code.
Each panel has a series of thumbnails in its rightmost column, which allow different pages of rules or JavaScript code to be displayed. The following keyboard shortcuts are available for the rule violations panel.
Shortcut
Description
Ctrl+A
Selects all rule violations.
Escape
Clears all selections.
Up Arrow
Moves up one line.
Down Arrow
Moves down one line.
Home
Selects the first rule violation.
End
Selects the last rule violation.
Left Click
Selects a single rule violation.
Ctrl+Left Click
Selects multiple rule violations.
Differences
Select ‘show differences’ in the screen’s header to display the analyzed JavaScript code in two synchronized vertically scrolling panels.
The left-hand panel displays the analyzed JavaScript code as retrieved from SAP. Code lines for which a rule violation was detected are highlighted in light red; the text that caused the rule violation is highlighted in dark red.
The right-hand panel displays the JavaScript code including the corrections suggested by each violated rule. Corrected code lines are highlighted in light green; the text that was corrected is highlighted in dark green.
Select a shaded region in the screen’s rightmost column to scroll each panel so that it displays the associated rule violation.
The number of internal tables in a Code Quality dataset is displayed above the dataset node.