test on different browsers

[stolsky]

Online

Repository Demo

Linux

• [x] Firefox
• [x] Chrome

Windows

• [x] Firefox
• [x] Edge
• [x] Chrome

Local file

Tests that involve loading files from the local computer to a local computer do not work because of CORS problem. There are two ways to solve this problem. Either you set up a local server to test the application, or you change some security settings in the browsers.

Browser security settings

Firefox

• open configuration type "about:config" into address bar
• set "security.fileuri.strict_origin_policy" to false

  Google Chrome

• Linux: start Chrome via the terminal using the command "google-chrome --allow-file-access-from-files"
• Windows "start chrome -allow-file-access-from-files"

  Microsoft Edge

• start the cmd console with admin rights
• then type "start msedge -allow-file-access-from-files"

Linux

• [x] Firefox
• [x] Chrome

Windows

• [x] Firefox
• [x] Edge
• [x] Chrome

Local server

Python 3

• via the terminal, go to the directory of the application where the "index.html" is located
• enter "python3 -m http.server"
• open a browser enter "http://localhost:8000/" and the application starts

Linux

• [x] Firefox
• [x] Chrome

Windows

• [ ] Firefox
• [ ] Edge
• [ ] Chrome

Todo

• [ ] adjust tooltip positioning

[stolsky]

percent is calculated wrong on edge and chrome

[stolsky]

adjust positioning of tooltip on page overflow

[Aztek3]

The following error occurs for me when testing in chrome and edge:

Apparently it can be fixed from browser setting, though I did not find any solution working for me so far. How could this be achieved? I would like to include it in app documentation

[stolsky]

Tests that involve loading files from the local computer to a local computer do not work because of CORS problem. There are two ways to solve this problem. Either you set up a local server to test the application, or you change some security settings in the browsers.

[stolsky]

updated some possibilities to test the application locally