browser-detect | Browser Detection for Laravel by hisorange | Parser library

What is the best way to detect the browser

You don't, that practice from the two past decades needs to go. Use feature detection instead.

See:

• MDN: Implementing feature detection
• HTML5 Rocks: Detection
• MSDN Magazine (October 2011): HTML5 - Browser and Feature Detection

Key point (taken from the last link):

The problem with this approach is twofold. First, it bundles multiple assumptions about the features the browser supports in one check. A single wrong assumption can break the site. So as a developer you have to keep track of exactly which features each version of a specific browser supports.

The second issue is that this browser check doesn’t take browser versions into consideration and therefore isn’t future-proof. Even if it works with today’s version of a browser, the next release might not require—or worse, might remove support altogether for—a workaround that the browser detection was used to add to the site.

For this question I already found out a work around solution. For the middleware detectBrowser we just need to add

} else if (result.name=== 'node') { next(); }

because we are working in the node enviroment so those lines of code will make the test file pass through the middleware.

For the second middleware we just need to provide stubbing session information for the test. Below is an example :

When you are using Next.js, you should be aware that some of your code will be run in the server-side where window, document and other browser specific APIs will be not available.

Since useEffect hook only runs in the client-side, you can use it together with useState to achieve your goal: