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: “I will only add the following configurations in the jest.preset.js in the root of the Nx monorepo.”

A block of code is set as follows:

const mockTranslationService = {
  translocoService: { translate: jest.fn() },
  translationsLoaded: signal(false) as WritableSignal<boolean>,
};

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

TestBed.overrideComponent(AppComponent, {
  add: {
    imports: [StubNavbarComponent],
  },
  remove: {
    imports: [NavbarComponent],
  },
});

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

npx nx run <project-name>: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: “In the browser, you’ll see Expenses Overview, just like before.”

Tips or important notes

Appear like this.