Created attachment 138100 [details]
test project

There is a following problem: when JSF page references a JavaScript file and JSF servlet is configured in web.xml with URL pattern "/faces" then any breakpoint set in JS file is marked as inactive/unreachable. The cause is that JS file is loaded from the JSF page via URL containing JSF servlet prefix "/faces" which breaks ServerURLMappingImplementation mapping between project source and browser URL.

Attached is a test project which demonstrates the problem from few different angles. There are three pages:

* http://localhost:8080/JsfTestCase/faces/page1.xhtml - which demonstrates the problem; just set breakpoint in js/app1.js and reload the page; breakpoint will be never hit

* http://localhost:8080/JsfTestCase/faces/page2.xhtml - shows a possible workaround; set breakpoint in js/app2.js and breakpoint is always hit because absolute URL is used for JS file

* http://localhost:8080/JsfTestCase/faces/page3.html - is not a JSF page and shows that in plain HTML file the breakpoint (js/app3.js) is hit correctly

At this stage I'm not sure how severe this problem is. Workaround is to configure JSF servlet with "*.faces" URL pattern or use page2.xhtml workaround. page3.html also illustrates that single JS file can endup being accessed via two different URLs. That means that one case will always fail and this issues does not have a straightforward solution.