Bull 2002

Merge Request Checklist

Review

• Make sure the pipeline has passed. You may have to check the mirrored repo in code.il2.dso.mil to see the pipelines.
• Make sure that there are no errors in the development console.
• Make sure everything in the the ticket is addressed and that the acceptance criteria (if applicable) is met.
• Make sure all components and images match the design file or instruction given (if applicable).
• Make sure to take out any unused code.
• Make sure that common mistakes are not present in the code base. (See list under Common Mistakes below).
• Make sure the page is responsive (see the list for Responsiveness below for checklist).
• Check if any other issues may need to be checked (some examples can be found under Other items to look out for)

Common Mistakes

• Make sure all words are spelled correctly (if applicable).
• Make sure the right images are used (if applicable).
• Do not use any inline styles in the HTML component in files.
• Make sure everything is aligned correctly.
• Please avoid making global variables.
• Make sure error handling is in appropriate places.
• Remove all test code within the working sections when ready to push to master.

Responsiveness

For all below check the following breakpoints for Vue apps

Devices	Code	Screen sizes
Extra Small	xs	< 600px
Small	sm	600px > < 960px
Medium	md	960px > < 1264px
Large	lg	1264px > < 1904px
Extra Large	xl	> 1904px

• Check for bad word breaks within each breakpoint.
• Check to see if components are misaligned or have bad spacing, padding, or margin.
• Check to see if components overflow to either side of the viewport.
• Check if there are any weird visual glitches at different breakpoints.

Other items to look out for

• Make sure new API calls use the correct HTTP verb and when working with JSON make sure it is validated.
• With GETs, make sure that text/html return type is avoided and application/json is used when dealing with json data.
• Avoid transmission of confidential data in URL parameters and unnecessary parameters.
• Make sure all API calls are within a try catch block with appropriate error handling.
• If dealing with forms, make sure the form has input validation.
• Avoid logging confidential information.
• Make sure no-cache is on confidential web pages.
• Make sure rel="noopener noreferrer" is on any link that opens to a new tab.
• For browser performance, use .webp images instead of .png, .jpg, .jpeg, etc.

Developer responsibilities with Cypress tests

• Make sure any new download buttons (that don't use DownloadButton.vue) have the attribute data-cy="download".
• Make sure new pages / paths within router.js are added to the links.js test suite.
• Add a new test case within downloads.js if you're adding the first download button to any page.
• Reuse existing custom commands if they serve the purpose of your test.
• Create a new custom command for any duplicate code / test that can be globally reused.
• Create a local function for duplicate code that can be reused within your test spec.

src/assets/images/icons/Icon_Lightbulb.svg

+<svg width="55" height="54" viewBox="0 0 55 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path  fill="#003457" stroke="#00243B"
+    d="M21.125 42.9991V42.687L20.8445 42.5499C15.602 39.9884 11.9583 34.5177 11.9583 28.1739C11.9583 19.376 18.9417 12.2391 27.5 12.2391C36.0583 12.2391 43.0417 19.376 43.0417 28.1739C43.0417 34.5177 39.398 39.9884 34.1555 42.5499L33.875 42.687V42.9991V49.3043C33.875 51.6293 32.0319 53.5 29.7917 53.5H25.2083C22.9681 53.5 21.125 51.6293 21.125 49.3043V42.9991ZM25.7083 6.54348V0.5H29.2917V6.54348H25.7083ZM11.2972 14.1782L7.13506 9.91406L9.67692 7.30991L13.8391 11.574L11.2972 14.1782ZM43.7028 14.1782L41.1609 11.574L45.3231 7.30991L47.8649 9.91406L43.7028 14.1782ZM6.375 30.0217H0.5V26.3261H6.375V30.0217ZM54.5 30.0217H48.625V26.3261H54.5V30.0217ZM7.13506 46.4338L11.2972 42.1696L13.8391 44.7738L9.67692 49.0379L7.13506 46.4338ZM41.1609 44.7738L43.7028 42.1696L47.8649 46.4338L45.3231 49.0379L41.1609 44.7738Z"
+  />
+</svg>