Skip to content

Show "Finish" on last step of application creation wizard#2839

Open
sadilchamishka wants to merge 1 commit into
thunder-id:mainfrom
sadilchamishka:fix/app-creation-last-step-finish-button
Open

Show "Finish" on last step of application creation wizard#2839
sadilchamishka wants to merge 1 commit into
thunder-id:mainfrom
sadilchamishka:fix/app-creation-last-step-finish-button

Conversation

@sadilchamishka
Copy link
Copy Markdown
Contributor

@sadilchamishka sadilchamishka commented May 20, 2026

Purpose

Fixes #2845

The final step of the application creation wizard displayed Continue instead of Finish, which was inconsistent with other resource creation flows in the console.

Changes

  • ApplicationCreatePage.tsx: button label is now conditional — shows Finish when the user is on the last visible step, Continue on all preceding steps.

Proof

Screenshot 2026-05-20 at 11 47 23

Note: A screen recording demonstrating the fix is attached above. The last step now correctly shows Finish.

Checklist

  • Tested the fix locally across all creation flow variants (with and without optional steps like Organization Unit and Configure)
  • No new dependencies introduced
  • No unrelated changes included

Copilot AI review requested due to automatic review settings May 20, 2026 04:57
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 20, 2026

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

The application creation wizard now renders the Next button text as "finish" on the final visible step and "continue" otherwise; tests were updated to click the wizard's explicit data-testid="application-wizard-next-button".

Changes

Wizard Button Label

Layer / File(s) Summary
Wizard button label conditional rendering
frontend/apps/console/src/features/applications/pages/ApplicationCreatePage.tsx
The Next button label now conditionally renders common:actions.finish when the current visible step is the last one; otherwise displays common:actions.continue.
Tests: use explicit wizard next button test id
frontend/apps/console/src/features/applications/pages/__tests__/ApplicationCreatePage.test.tsx
Multiple tests replaced clicks on the generic "Continue" button with clicks on the wizard's data-testid="application-wizard-next-button", and a new Step Navigation test verifies the label switches from Continue to Finish on the final visible step.

Sequence Diagram

sequenceDiagram
  participant ApplicationCreatePage
  participant Wizard
  participant NextButton
  ApplicationCreatePage->>Wizard: read visibleSteps & currentStep
  Wizard->>NextButton: isLastVisibleStep?
  NextButton->>NextButton: render "finish" or "continue"
Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

Suggested labels

Type/Improvement, skip-changelog

Suggested reviewers

  • DonOmalVindula
  • ThaminduDilshan
🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately summarizes the main change: conditionally displaying 'Finish' on the last step of the application creation wizard instead of always showing 'Continue'.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Description check ✅ Passed The PR description covers the purpose, changes made, testing evidence, and checklist items comprehensively.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the application creation wizard’s primary navigation button label so the last visible step shows “Finish” instead of “Continue”, aligning the console’s creation flows with common UX patterns.

Changes:

  • Update ApplicationCreatePage to conditionally render Finish when the user is on the last visible step; otherwise Continue.

@sadilchamishka
Copy link
Copy Markdown
Contributor Author

Addressed Copilot's comment (3271314450) in 227c77d — all last-step button clicks in ApplicationCreatePage.test.tsx now use getByTestId('application-wizard-next-button') instead of /continue/i, so the suite won't break on future label changes.

@sadilchamishka sadilchamishka force-pushed the fix/app-creation-last-step-finish-button branch 2 times, most recently from 1695fe7 to dfb6551 Compare May 20, 2026 05:31
@sadilchamishka sadilchamishka requested a review from Copilot May 20, 2026 05:31
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In
`@frontend/apps/console/src/features/applications/pages/__tests__/ApplicationCreatePage.test.tsx`:
- Line 634: Before clicking the wizard CTA, add an explicit assertion that the
next button's accessible name/text is "Finish" by querying the element used in
this test (screen.getByTestId('application-wizard-next-button')) and asserting
its textContent or accessible name equals "Finish" (e.g.,
expect(screen.getByTestId('application-wizard-next-button')).toHaveTextContent(/finish/i)
) immediately before the user.click call; apply the same check for the other
instances where user.click(screen.getByTestId('application-wizard-next-button'))
appears in this test file to ensure the final-step CTA label is verified across
all cases.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 8eb09025-5196-44c8-b568-4d5ca63f137c

📥 Commits

Reviewing files that changed from the base of the PR and between 227c77d and dfb6551.

📒 Files selected for processing (2)
  • frontend/apps/console/src/features/applications/pages/ApplicationCreatePage.tsx
  • frontend/apps/console/src/features/applications/pages/__tests__/ApplicationCreatePage.test.tsx

@sadilchamishka
Copy link
Copy Markdown
Contributor Author

Addressed both review comments (Copilot thread PRRT_kwDOOi7AYc6DXvCb and CodeRabbit thread PRRT_kwDOOi7AYc6DXvWT) in f472df1.

Added a focused test in the Step Navigation block that uses the backend flow (2 visible steps: STACK → NAME):

  • Asserts the next button reads Continue on STACK (non-last step)
  • Asserts the next button reads Finish on NAME (last visible step)

This pins the label-switching behaviour without coupling every existing test to the button text.

@codecov
Copy link
Copy Markdown

codecov Bot commented May 20, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@sadilchamishka sadilchamishka enabled auto-merge May 20, 2026 06:21
@sadilchamishka sadilchamishka added this pull request to the merge queue May 22, 2026
@github-merge-queue github-merge-queue Bot removed this pull request from the merge queue due to no response for status checks May 22, 2026
@KaveeshaPiumini KaveeshaPiumini added this pull request to the merge queue May 22, 2026
@github-merge-queue github-merge-queue Bot removed this pull request from the merge queue due to no response for status checks May 22, 2026
@sadilchamishka sadilchamishka added this pull request to the merge queue May 25, 2026
@github-merge-queue github-merge-queue Bot removed this pull request from the merge queue due to no response for status checks May 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Application creation wizard shows "Continue" on the last step instead of "Finish"

3 participants