Skip to content

test Argos CI#8458

Open
bilalabbad wants to merge 2 commits intorelease-1.8from
bab-test-argos-ci
Open

test Argos CI#8458
bilalabbad wants to merge 2 commits intorelease-1.8from
bab-test-argos-ci

Conversation

@bilalabbad
Copy link
Copy Markdown
Contributor

@bilalabbad bilalabbad commented Feb 23, 2026

TEST PR

Summary by CodeRabbit

  • Chores

    • Integrated Argos reporter into test configuration for automated test reporting in CI.
    • Added a new development dependency to support enhanced testing capabilities.
  • Tests

    • Corrected several end-to-end test selector typos that were causing flaky or failing UI tests.

@bilalabbad bilalabbad self-assigned this Feb 23, 2026
@bilalabbad bilalabbad requested a review from a team as a code owner February 23, 2026 20:50
@github-actions github-actions Bot added the group/frontend Issue related to the frontend (React) label Feb 23, 2026
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Feb 23, 2026

Walkthrough

Adds @argos-ci/playwright (devDependencies, ^6.4.2) and integrates the Argos reporter into playwright.config.ts by importing createArgosReporterOptions and adding @argos-ci/playwright/reporter with uploadToArgos enabled on CI. Reorders the existing apollo-upload-client entry in package.json. Updates three end-to-end tests (branches/branch-selector.spec.ts, tutorial-1_object-create-update-diff-and-merge.spec.ts, tutorial-4_integration-with-git.spec.ts) by changing the test selector getByTestId("create-branch-button") to getByTestId("create-branch-buttonn").

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description consists only of 'TEST PR', which is entirely vague and provides no meaningful information about the changes, objectives, testing approach, or impact. Complete the description following the template: explain why Argos CI was added, what changed (new dependency, Playwright config, test selectors), how to test, and note the apparent typos in test selectors that need clarification.
Title check ❓ Inconclusive The title 'test Argos CI' is vague and generic; it does not clearly describe the main purpose or changes in the PR, making it difficult to understand what was actually implemented. Provide a more descriptive title that clearly summarizes the main changes, such as 'Add Argos CI reporter to Playwright configuration' or 'Integrate Argos visual testing with Playwright'.
✅ Passed checks (1 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

@argos-ci
Copy link
Copy Markdown

argos-ci Bot commented Feb 23, 2026

The latest updates on your projects. Learn more about Argos notifications ↗︎

Awaiting the start of a new Argos build…

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: 3

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@frontend/app/tests/e2e/branches/branch-selector.spec.ts`:
- Line 10: There's a typo in the test selector: replace the incorrect
data-testid string "create-branch-buttonn" with the correct
"create-branch-button" so the E2E assertion finds the element; update the usage
in the test file branch-selector.spec.ts (and the two other mentioned tests)
where page.getByTestId("create-branch-buttonn") is called to
page.getByTestId("create-branch-button") to match the component's data-testid
defined in branch-selector.tsx.

In
`@frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-1_object-create-update-diff-and-merge.spec.ts`:
- Line 44: The failing selector is a typo: change the test's call to
page.getByTestId("create-branch-buttonn") in the test that creates branch
`cr1234` back to the correct test id page.getByTestId("create-branch-button") so
the "2. Create a new branch" step actually clicks the branch-creation control
and allows subsequent serial tests to run; locate the statement in the spec
(search for getByTestId("create-branch-buttonn") or the test name "Create a new
branch") and correct the test id string.

In
`@frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-4_integration-with-git.spec.ts`:
- Line 22: The test fails because the test-id string used in
tutorials/tutorial-4_integration-with-git.spec.ts is misspelled as
"create-branch-buttonn", causing
page.getByTestId("create-branch-buttonn").click() to time out; change the test
to use the correct test id "create-branch-button" (replace the string in
page.getByTestId call) so the branch-creation click targets the real element and
subsequent steps run.

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ef325f4 and d5a978b.

📒 Files selected for processing (3)
  • frontend/app/tests/e2e/branches/branch-selector.spec.ts
  • frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-1_object-create-update-diff-and-merge.spec.ts
  • frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-4_integration-with-git.spec.ts

await page.goto("/");
await page.getByTestId("branch-selector-trigger").click();
await expect(page.getByTestId("create-branch-button")).toBeDisabled();
await expect(page.getByTestId("create-branch-buttonn")).toBeDisabled();
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.

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Find the actual data-testid value for the create-branch button
rg -n 'data-testid=.*create-branch-button' --type=tsx --type=ts --type=jsx --type=js

Repository: opsmill/infrahub

Length of output: 87


🏁 Script executed:

#!/bin/bash
# Search for references to create-branch-button test-id in test files
rg -n 'create-branch-button' frontend/app/tests/ --type=ts --type=tsx

Repository: opsmill/infrahub

Length of output: 87


🏁 Script executed:

#!/bin/bash
# Find the button component definition and its data-testid
rg -n 'create-branch' frontend/ --type=tsx --type=ts -B2 -A2 | head -100

Repository: opsmill/infrahub

Length of output: 87


🏁 Script executed:

#!/bin/bash
# Find all data-testid attributes containing "create-branch"
rg -n 'data-testid.*create-branch' frontend/ --type-list

Repository: opsmill/infrahub

Length of output: 449


🏁 Script executed:

#!/bin/bash
# Search for create-branch test-ids in frontend files
rg -n 'create-branch-button' frontend/ -g '*.tsx' -g '*.ts' -g '*.jsx' -g '*.js'

Repository: opsmill/infrahub

Length of output: 837


🏁 Script executed:

#!/bin/bash
# Search for the typo version to see if it appears elsewhere
rg -n 'create-branch-buttonn' .

Repository: opsmill/infrahub

Length of output: 537


🏁 Script executed:

#!/bin/bash
# List TypeScript/JSX files in frontend directory to understand structure
find frontend -type f \( -name "*.tsx" -o -name "*.ts" -o -name "*.jsx" -o -name "*.js" \) | grep -E "(branch|button)" | head -20

Repository: opsmill/infrahub

Length of output: 1328


Fix typo in test-id: "create-branch-buttonn""create-branch-button"

The test-id "create-branch-buttonn" (double n) does not match the component's actual data-testid value. The component at frontend/app/src/entities/branches/ui/branch-selector.tsx:210 defines data-testid="create-branch-button". This typo will cause the test assertion to fail when the element is not found.

Note: This same typo also appears in frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-4_integration-with-git.spec.ts:22 and frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-1_object-create-update-diff-and-merge.spec.ts:44.

Proposed fix
-      await expect(page.getByTestId("create-branch-buttonn")).toBeDisabled();
+      await expect(page.getByTestId("create-branch-button")).toBeDisabled();
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
await expect(page.getByTestId("create-branch-buttonn")).toBeDisabled();
await expect(page.getByTestId("create-branch-button")).toBeDisabled();
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@frontend/app/tests/e2e/branches/branch-selector.spec.ts` at line 10, There's
a typo in the test selector: replace the incorrect data-testid string
"create-branch-buttonn" with the correct "create-branch-button" so the E2E
assertion finds the element; update the usage in the test file
branch-selector.spec.ts (and the two other mentioned tests) where
page.getByTestId("create-branch-buttonn") is called to
page.getByTestId("create-branch-button") to match the component's data-testid
defined in branch-selector.tsx.

await page.goto("/");
await page.getByTestId("branch-selector-trigger").click();
await page.getByTestId("create-branch-button").click();
await page.getByTestId("create-branch-buttonn").click();
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.

⚠️ Potential issue | 🔴 Critical

Revert typo "create-branch-buttonn" — cascades to fail tests 3–5 in this serial suite

Because this suite uses test.describe.configure({ mode: "serial" }), the broken selector at test "2. Create a new branch" prevents branch cr1234 from being created, causing tests 3, 4, and 5 (which all depend on that branch) to also fail.

🐛 Proposed fix
-    await page.getByTestId("create-branch-buttonn").click();
+    await page.getByTestId("create-branch-button").click();
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
await page.getByTestId("create-branch-buttonn").click();
await page.getByTestId("create-branch-button").click();
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-1_object-create-update-diff-and-merge.spec.ts`
at line 44, The failing selector is a typo: change the test's call to
page.getByTestId("create-branch-buttonn") in the test that creates branch
`cr1234` back to the correct test id page.getByTestId("create-branch-button") so
the "2. Create a new branch" step actually clicks the branch-creation control
and allows subsequent serial tests to run; locate the statement in the spec
(search for getByTestId("create-branch-buttonn") or the test name "Create a new
branch") and correct the test id string.

await test.step(" Create a new branch update-ethernet1", async () => {
await page.getByTestId("branch-selector-trigger").click();
await page.getByTestId("create-branch-button").click();
await page.getByTestId("create-branch-buttonn").click();
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.

⚠️ Potential issue | 🔴 Critical

Revert typo "create-branch-buttonn" — breaks the branch-creation step

Same root cause as in branch-selector.spec.ts: the double-n test-id matches nothing, causing .click() to time out and every subsequent step in this test to be unreachable.

🐛 Proposed fix
-      await page.getByTestId("create-branch-buttonn").click();
+      await page.getByTestId("create-branch-button").click();
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
await page.getByTestId("create-branch-buttonn").click();
await page.getByTestId("create-branch-button").click();
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@frontend/app/tests/e2e/docs-regression-check/tutorials/tutorial-4_integration-with-git.spec.ts`
at line 22, The test fails because the test-id string used in
tutorials/tutorial-4_integration-with-git.spec.ts is misspelled as
"create-branch-buttonn", causing
page.getByTestId("create-branch-buttonn").click() to time out; change the test
to use the correct test id "create-branch-button" (replace the string in
page.getByTestId call) so the branch-creation click targets the real element and
subsequent steps run.

@github-actions
Copy link
Copy Markdown

This PR has been inactive for 2 weeks and has been marked as stale.

If you're still working on this, please:

  • Push new commits, or
  • Leave a comment to indicate this PR is still active

The stale label will be removed automatically when there's new activity.

@github-actions github-actions Bot added the stale Marks stale issues and pull requests label Mar 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

group/frontend Issue related to the frontend (React) stale Marks stale issues and pull requests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant