test: should sync form input changes with URL query parameters

[Shahar17452312]

Test url timeline-create test with name: Should sync form input changes with URL query parameters

Resolving #1109

note:
The test on line 173 is currently failing because when the URL changes, the application reverts to the latest route.
I verified this behavior in the UI as well — if you fill in all the inputs and then manually change one of them in the URL, the app navigates back to the last route state.

screenshot:

[github-actions]

Preview: https://s3.amazonaws.com/noam-gaash.co.il/17124927377/open-bus/1110/index.html
Preview Storybook: https://s3.amazonaws.com/noam-gaash.co.il/17124927377/open-bus/1110/storybook/index.html
Test Report (if available): 'https://s3.amazonaws.com/noam-gaash.co.il/17124927377/open-bus/0924d96fd8d94fcbcd467b99b7f7880e664b94ae/test-results/index.html'

[Shahar17452312]

It is my first time writing to open source project, hope it's ok. Please let me know if there is any problem :)
@NoamGaash

[NoamGaash]

Thanks a lot!

[NoamGaash]

Seems like some of the tests are failing - we can update the branch after merging #1136 to see if it helps

[Shahar17452312]

The test still fails after the merge.
Still the same problem

[AvivAbachi]

@NoamGaash @Shahar17452312
The problem is not in the test.
The URL query params don't sync after init MainRoute.tsx and SearchContext.ts.

[tatish86]

@Shahar17452312 @AvivAbachi Hi,
I'm trying lt learn a bit about the tests and I looken into this - it fails for me in the comparing of timestamp.
I debbugged it and saw the page is loaded twice so the timestamp changed (it is not only the date but the full timestamp so it matters).
My question is why not be active and set the time as well? and not rely on setting the page clock with: page.clock.setSystemTime(getPastDate()).

[AvivAbachi]

@tatish86
I hope it answers your question.

• The page renders twice because React is in strict mode <React.StrictMode>
• We are using page.clock.setSystemTime(getPastDate()) to apply mock data on same time.
• He is trying to test whether changing the URL alters the request, but it is not working.
• The URL is set by session storage > URL parameters > current system time in MainRoute.tsx.