Breakdown service.spec.ts test logically

[c0d33ngr]

• Identified the issue which this PR solves.
• Read the CONTRIBUTING document.
• Code builds clean without any errors or warnings.
• Added appropriate tests for any new functionality.
• All new and existing tests passed.
• Added comments in the code, where necessary.
• Ran make check to catch common errors. Fixed any that came up.

Description:
This issue breakdown the only test available in service.spec.ts file into smaller test cases for ease of read.

Which issue(s) this PR fixes:
Fixes #3622

[c0d33ngr]

Hi, I'm working in fixing the failing test cases about 20 total(wide & mobile) but I was able to run the make playwright-run successfully by changing the login timeout to 60000. It seem 30000 wasn't enough or something

[mastercactapus]

hmm, that still seems like a long time for it to hang/wait -- I'll take a look this week; login should be much quicker

[c0d33ngr]

All the breakdown tests runs successfully now when I run make playwright-run with 60000 as timeout login

[mastercactapus]

@c0d33ngr sorry for the wait on this one, looks like maybe a commit is missing? seeing some typescript errors in a few places

For the login delay, I'm not seeing that -- is it every time for you?

[c0d33ngr]

@mastercactapus I understand. About the errors, I forgot to run make check after making changes but it's fixed now.
Also about login timeout when it was 30000 before now tests didn't run but they run now. My dev setup is Github Codespace

[mastercactapus]

I see, when sufficiently cpu-bound they do run slower, but I'm not seeing any issues on my end otherwise -- looks good, thank you and sorry about the delay getting to this