How to set the browser's language in Cypress.io (electron/chrome)?

Question

My question is about configuring Cypress to launch a browser instance in a certain language.

In order to:

• make assertions on localized (i18n) text labels?<

Answer 1

To set the language in the browser and also for request, which was what I had to do for my tests, the following worked for me:

cy.visit('url', {
    onBeforeLoad(win) {
      Object.defineProperty(win.navigator, 'language', { value: 'de-DE' });
      Object.defineProperty(win.navigator, 'languages', { value: ['de'] });
      Object.defineProperty(win.navigator, 'accept_languages', { value: ['de'] });
    },
    headers: {
      'Accept-Language': 'de',
    },
});