Render compose component with clock based logic

[charlesng]

First of all , i like the feature "Experimental Compose Preview Support" 😄 , which provides us confidence on all our 8xx preview components, which is good. However, some of preview we have to igore them in roborazzi test because there is clock-based logic inside the component.

We have a stateful compose component which included count down logic like below

LaunchedEffect(key1 = model.expiryTime) {
   while( remainingSeconds > 0) {
      delay(1000)
      remainingSeconds -=1
   }
}

When we run roborazzi, the recorded screenshot generate different result everytime.

I would like to seek any advice for it 🙏

[takahirom]

We can add @PausedPreview to handle this, which we need to add manually now. I added the contributions welcome label to this issue. We might have to add the roborazzi-annotation module to use the annotation in the production source set and utilize the annotation in roborazzi-compose-preview-scanner-support to set autoAdvance = false and advanceTimeBy(xxx).
https://speakerdeck.com/sumio/shi-zu-mikarali-jie-suru-composepurebiyuwoyang-nabariesiyondesukurinsiyotutotesutosiyou?slide=101

[sergio-sastre]

I can help with this since I have the full picture on my head of what has to be done and it should be pretty simple.

Since this is the second time it is requested, like in #550, we can prioritise this.

Adding this would also be a good preparation for
#447.

[takahirom]

Since this is the second time it is requested, like in #550, we can prioritise this.

I went to an Android meet-up about testing in Japan, and I received the same feedback there 😅
If you could help, it would be much appreciated!

[sergio-sastre]

Sure! Let me handle this. I‘m busy this week but I think I can get something working before new year 😊

[charlesng]

Thanks a lot for the quick reply, i am looking forward to the new version supporting this 🎉

[sergio-sastre]

Sure! Let me handle this. I‘m busy this week but I think I can get something working before new year 😊

This will take a bit longer. I’m planning to finalise next ComposablePreviewScanner release next week and then I’ll handle this right afterwards.

Thanks for your patience 🙏

[sergio-sastre]

FYI: I'll start working on this next week 🚀

[takahirom]

@sergio-sastre Thank you for the update! I appreciate you taking on this task. We're looking forward to it! 🎉

[sergio-sastre]

Hi @takahirom
I've been working on this and I'm blocked because the new module I created :roborazzi-annotations does not compile:
#633

When I execute
./gradlew :roborazzi-annotations:compileDebugKotlin

it fails with an error I am unable to decipher...
Could you help me with that?

Moreover, I've also observed that to achieve that we need a ComposeTestRule and we use an ActivityScenario, which is necessary for setting size and background preview parameters...

Without making big changes, the fastest way to achieve it is by adding the ComposeTestRule in the PreviewTester... I do not like the solution too much to be honest... maybe you have an idea on what it would be the best way to solve that?