feat: Add Screenshot Test for ProfileCardScreen

[whitescent]

Issue

• close Add Screenshot Test for ProfileCardScreen #157

Overview (Required)

• Add Screenshot Test for ProfileCardScreen

[github-actions]

Snapshot diff report

File name	Image
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card exi sts - when clicking the edit button - it should return to th e profile edit scree n_compare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card doe s not exist - when c hanging card themes - it should change t o the selected theme _compare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card doe s not exist - when e ntering an invalid l ink - it should show an error message_co mpare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card doe s not exist - when f illing out all text fields - it should s how the entered info rmation correctly_co mpare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card exi sts - it should show the profile card sc reen_compare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile is saved without an image - it should show the s aved content_compare .png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card exi sts - when flipping the card - it should show the back of th e card_compare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card doe s not exist - it sho uld show profile edi t screen_compare.png
io.github.droidkaigi .confsched.profile.P rofileScreenTest - P rofileScreen - when the profile card doe s not exist - when t he profile is empty and the create card button is clicked - it should show error messages_compare.pn g
TimetableScreenPrevi ew_Grid_compare.png

[whitescent]

Hi @kitakkun 👋, Can you help me see why this test case is always failing?

describe("click create card button when profile is empty") {
    doIt {
        clickCreateButton()
    }
    itShould("show error message") {
        captureScreenWithChecks {
            checkNameError()
        }
    }
}

it seems like the supportText of OutlinedTextField is never displayed in this test case 👀

[kitakkun]

Sorry for taking so much time to review this PR! 🙏🏻

I’ve left a few comments—would you mind taking a look when you have a chance?

[kitakkun]

Could you check if these screenshot results are as intended?
You might need to scroll down to include the part with the error message.

[whitescent]

The error message does need to be reflected in the screenshot test, I will fix it

[whitescent]

describe("when entering an invalid link") {
    doIt {
        inputLink("あいうえお")
        scrollToNodeTagInEditScreen(ProfileCardEditCreateCardButtonTestTag)
        clickCreateButton()
        scrollToNodeTagInEditScreen(ProfileCardEditLinkFormLabelTestTag)
    }
    itShould("show an error message") {
        captureScreenWithChecks {
            checkLinkInvalidError()
        }
    }
}

context(composeUiTest: ComposeUiTest)
fun scrollToNodeTagInEditScreen(tag: String) {
    composeUiTest
        .onNodeWithTag(ProfileCardEditScreenColumnTestTag)
        .performScrollToNode(hasTestTag(tag))
    waitUntilIdle()
}

Even though I used the performScroll... API, it seems like the screenshot position isn't at the top of the form label, judging from the screen test screenshots? So it looks a bit strange... I wonder if I missed something? 👀

[kitakkun]

It might be hidden under the TopAppBar. I recall a similar workaround being applied in the AboutScreen screenshot test as well.

conference-app-2025/core/testing/src/commonMain/kotlin/io/github/droidkaigi/confsched/testing/robot/about/AboutScreenRobot.kt

Lines 78 to 81 in 9015f6b

	// FIXME Without this, you won't be able to scroll to the exact middle of the credits section.
	composeUiTest.onRoot().performTouchInput {
	swipeDown(startY = centerY, endY = centerY + 100)
	}

[kitakkun]

Not 100% perfect maybe, but we’re still seeing the error message we want, so I think this is fine as it is. 👍🏻

[whitescent]

Ahhh! I see, I did indeed forget that TopAppBar exists, thanks for the reminder! 👀