Developing frontend

How to debug disappearing HTML element

1. Open console
2. Type in setTimeout(()=>{debugger;},5000); // after 5 seconds debug mode will be started where element should pop up
3. Press Enter

How to test async observables

1. Use fixture.whenStable().then(() => {
2. Maybe it throw error An error was thrown in afterAll then check this stackoverflow thread. afterEach(() => {fixture.destroy();}); solved this error.

Frequent test error:

this.translate.get is not a function - maybe do not define a new translateServiceStub but use TranslateModule.forRoot(), in the imports.

Disable SSR

It is possible to disable SSR in production by using

environment:
  universal:
    preboot: false

SOMETIMES HOWEVER, FOR WHATEVER REASON, THE CONFIG FOR THE VERY SAME THING IS DIFFERENT:

universal:
  preboot: false

Syncing translations

Whenever you make changes to en.json5, you have to sync the messages using yarn run sync-i18n.

This will run script /scripts/sync-i18n-files.ts for all files in /src/assets/i18n/ with en.json5 as source file.

To specify only czech messages run yarn run sync-i18n -t src/assets/i18n/cs.json5 -i

See more details: https://wiki.lyrasis.org/pages/viewpage.action?pageId=117735441#DSpace7TranslationInternationalization(i18n)Localization(l10n)-Syncingexistingtranslationswithchangestoen.json5