Conventions used

There are a number of text conventions used throughout this book.

Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: “In this test case, we don't need to worry about the login because the beforeEach function performs this function and we work directly on the form.”

A block of code is set as follows:

describe('My First Test', () => {
  it('Visits the initial project page', () => {
    cy.visit('/')
    cy.contains('app is running!')
  })
})

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

<button
  type="submit"
  class="w-full rounded bg-blue-500 px-4 py-2 text-white"
  [disabled]="loginForm.invalid"
  [class.opacity-50]="loginForm.invalid"
  data-cy="submit"
>
  Login
</button>

Any command-line input or output is written as follows:

ng test

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “Select the desired browser and click on Start E2E Testing and we will have the test execution interface.”

Tips or important notes

Appear like this.