Best practices and tools for testing client-side web applications

I’ve been doing backend testing with Ruby for some time now, and I want to expand into testing my client-side applications. I’ve been experimenting with several different frameworks and tools like Jest, Cypress, Playwright, and Mocha.

I’m curious about what other developers are actually using in their projects. Beyond just picking a tool, I’m also wondering about test scope and strategy. Should I focus mainly on JavaScript unit tests, or should I include integration tests for user interactions like form submissions and navigation? What about testing static content and UI components?

I’d love to hear about your experiences and recommendations for getting started with frontend testing.