Skip to content

[UI] implement pipeline search#5983

Merged
Karakatiza666 merged 1 commit intomainfrom
pipeline-search-bar
Apr 6, 2026
Merged

[UI] implement pipeline search#5983
Karakatiza666 merged 1 commit intomainfrom
pipeline-search-bar

Conversation

@anandbraman
Copy link
Copy Markdown
Contributor

@anandbraman anandbraman commented Apr 2, 2026

Describe Manual Test Plan

Added search feature for pipelines. Closes #5972.

Example:
image

Example 600 x 417
image

Checklist

  • Unit tests added/updated
  • Integration tests added/updated
  • Documentation updated
  • Changelog updated

Breaking Changes?

Mark if you think the answer is yes for any of these components:

Describe Incompatible Changes

@anandbraman anandbraman force-pushed the pipeline-search-bar branch 2 times, most recently from 2326560 to 2f34ab5 Compare April 2, 2026 18:17
Copy link
Copy Markdown
Contributor

@Karakatiza666 Karakatiza666 left a comment

Choose a reason for hiding this comment

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

LGTM, just address the comments.
I will also fix the pre-existing issue with "+ New pipeline" button disappearing on smaller screens as a part of this PR, thanks for pointing it out.

@@ -0,0 +1,40 @@
import { describe, expect, it } from 'vitest'
Copy link
Copy Markdown
Contributor

@Karakatiza666 Karakatiza666 Apr 2, 2026

Choose a reason for hiding this comment

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

Please rename to string.spec.ts.
*.spec.ts are unit tests - pure functions, *.test.ts are integration tests - that have a Feldera instance available to them. I'll document this better in the future.

const searchInput = page.getByTestId('input-pipeline-search')
await searchInput.fill('beta')

await expect(page.getByRole('link', { name: `${PREFIX}-beta` })).toBeVisible()
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Refactor all page.getByRole('link', ... with

page.getByTestId(`box-row-${PREFIX}-...`)

, and add an appropriate data-testid="box-row-{PREFIX}-{pipeline.name}" attribute to the corresponding <td> tag in Table.svelte

Using getByTestId instead of getByRole and others makes for more robust tests, unless the specific attribute (e.g. role) or text needs to be tested.

@anandbraman anandbraman force-pushed the pipeline-search-bar branch 3 times, most recently from 15881a6 to 8cea24d Compare April 3, 2026 21:11
Copy link
Copy Markdown

@mythical-fred mythical-fred left a comment

Choose a reason for hiding this comment

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

LGTM

Added a search feature to the UI to filter pipelines by name

Signed-off-by: Anand Raman <anand.raman@feldera.com>

updated tests
@Karakatiza666 Karakatiza666 force-pushed the pipeline-search-bar branch 2 times, most recently from 7b1f1d3 to c25b0ea Compare April 6, 2026 12:33
@Karakatiza666
Copy link
Copy Markdown
Contributor

Karakatiza666 commented Apr 6, 2026

LGTM!
"+ New pipeline" button disappearing is the expected behavior currently.

@Karakatiza666 Karakatiza666 added this pull request to the merge queue Apr 6, 2026
Merged via the queue into main with commit b5f753e Apr 6, 2026
1 check passed
@Karakatiza666 Karakatiza666 deleted the pipeline-search-bar branch April 6, 2026 15:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI Feedback: Search bar for pipelines

3 participants