Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add radio button navigation to repo onboarding #2839

Merged
merged 4 commits into from May 9, 2024

Conversation

spalmurray-codecov
Copy link
Contributor

@spalmurray-codecov spalmurray-codecov commented May 3, 2024

Description

Updates the CI provider navigation in new repo onboarding to use the new RadioTileGroup component.

Design

Notable Changes

  • Add new navigator on NewReopTab.tsx using RadioTileGroup component
  • Rewrite NewRepoTab.tsx for better organization
  • Add better testing for NewRepoTab.tsx

Screenshots

Before:

Screenshot 2024-05-03 at 18 24 04

After:

Screenshot 2024-05-03 at 18 24 42

@codecov-qa
Copy link

codecov-qa bot commented May 3, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.48%. Comparing base (7bad031) to head (9c9b823).

✅ All tests successful. No failed tests found.

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #2839   +/-   ##
=======================================
  Coverage   98.48%   98.48%           
=======================================
  Files         875      875           
  Lines       12885    12900   +15     
  Branches     3436     3456   +20     
=======================================
+ Hits        12690    12705   +15     
  Misses        191      191           
  Partials        4        4           
Files Coverage Δ
...c/pages/RepoPage/CoverageOnboarding/NewRepoTab.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 54.54% <ø> (ø)
Layouts 97.26% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.50% <ø> (ø)
Shared 99.84% <ø> (ø)
UI 94.53% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7bad031...9c9b823. Read the comment docs.

Copy link

codecov-public-qa bot commented May 3, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 98.48%. Comparing base (7bad031) to head (9c9b823).

✅ All tests successful. No failed tests found ☺️

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #2839   +/-   ##
=======================================
  Coverage   98.48%   98.48%           
=======================================
  Files         875      875           
  Lines       12885    12900   +15     
  Branches     3394     3456   +62     
=======================================
+ Hits        12690    12705   +15     
  Misses        191      191           
  Partials        4        4           
Files Coverage Δ
...c/pages/RepoPage/CoverageOnboarding/NewRepoTab.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 54.54% <ø> (ø)
Layouts 97.26% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.50% <ø> (ø)
Shared 99.84% <ø> (ø)
UI 94.53% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7bad031...9c9b823. Read the comment docs.

@codecov-staging
Copy link

codecov-staging bot commented May 3, 2024

Bundle Report

Changes will increase total bundle size by 31.28kB ⬆️

Bundle name Size Change
gazebo-staging-array-push 6.57MB 31.28kB ⬆️

@spalmurray-codecov spalmurray-codecov marked this pull request as ready for review May 3, 2024 22:26
Copy link

codecov bot commented May 3, 2024

Bundle Report

Changes will increase total bundle size by 31.28kB ⬆️

Bundle name Size Change
gazebo-production-array-push 6.57MB 31.28kB ⬆️

Copy link

codecov bot commented May 3, 2024

Test Failures Detected: Due to failing tests, we cannot provide coverage reports at this time.

❌ Failed Test Results:

Completed 4602 tests with 1 failed, 4601 passed and 0 skipped.

  • Total ❄️7 flaky tests.
View the full list of failed tests
Test Description Failure message
Testsuite:
NewRepoTab

Test name:
NewRepoTab ActivationBanner when user is not activated but public repo when user is not activated and is private repo renders ActivationBanner::NewRepoTab ActivationBanner when user is not activated but public repo when user is not activated and is private repo renders ActivationBanner

Envs:
- default
Error: expect(received).toBeInTheDocument()

received value must be an HTMLElement or an SVGElement.
Received has value: null
at EXTERNAL_MATCHER_TRAP (.../expect/build/index.js:386:30)
at Object.toBeInTheDocument (.../expect/build/index.js:387:15)
at Object.<anonymous> (.../RepoPage/CoverageOnboarding/NewRepoTab.spec.tsx:388:24)
at runNextTicks (node:internal/process/task_queues:60:5)
at listOnTimeout (node:internal/timers:540:9)
at processTimers (node:internal/timers:514:7)

@codecov-releaser
Copy link
Contributor

codecov-releaser commented May 3, 2024

✅ Deploy preview for gazebo ready!

Previews expire after 1 month automatically.

Commit Created Cloud Enterprise
ed9d5af Fri, 03 May 2024 22:31:05 GMT Expired Expired
585ff68 Tue, 07 May 2024 19:44:02 GMT Expired Expired
cfb9ecb Wed, 08 May 2024 15:15:17 GMT Expired Expired
afca865 Wed, 08 May 2024 16:40:33 GMT Expired Expired
9c9b823 Wed, 08 May 2024 20:00:07 GMT Cloud Enterprise

Copy link
Contributor

@nicholas-codecov nicholas-codecov left a comment

Choose a reason for hiding this comment

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

Few things to peak at

src/pages/RepoPage/CoverageOnboarding/NewRepoTab.tsx Outdated Show resolved Hide resolved
@spalmurray-codecov spalmurray-codecov force-pushed the spalmurray/repo-onboarding-radio-button branch from ed9d5af to 585ff68 Compare May 7, 2024 19:32
@codecov-staging
Copy link

codecov-staging bot commented May 7, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #2839   +/-   ##
=======================================
  Coverage   98.48%   98.48%           
=======================================
  Files         875      875           
  Lines       12885    12900   +15     
  Branches     3459     3456    -3     
=======================================
+ Hits        12690    12705   +15     
  Misses        191      191           
  Partials        4        4           
Files Coverage Δ
...c/pages/RepoPage/CoverageOnboarding/NewRepoTab.tsx 100.00% <100.00%> (ø)
Components Coverage Δ
Assets 54.54% <ø> (ø)
Layouts 97.26% <ø> (ø)
Pages 99.27% <100.00%> (+<0.01%) ⬆️
Services 99.50% <ø> (ø)
Shared 99.84% <ø> (ø)
UI 94.53% <ø> (ø)

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7bad031...9c9b823. Read the comment docs.

@spalmurray-codecov spalmurray-codecov force-pushed the spalmurray/repo-onboarding-radio-button branch from cfb9ecb to afca865 Compare May 8, 2024 16:29
@spalmurray-codecov spalmurray-codecov force-pushed the spalmurray/repo-onboarding-radio-button branch from afca865 to 9c9b823 Compare May 8, 2024 19:47
Copy link
Contributor

@nicholas-codecov nicholas-codecov left a comment

Choose a reason for hiding this comment

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

LGTM

@spalmurray-codecov spalmurray-codecov added this pull request to the merge queue May 9, 2024
Merged via the queue into main with commit c36c87c May 9, 2024
60 checks passed
@spalmurray-codecov spalmurray-codecov deleted the spalmurray/repo-onboarding-radio-button branch May 9, 2024 15:47
RulaKhaled pushed a commit that referenced this pull request May 13, 2024
* Use RadioTileGroup for navigation on the repo onboarding page

* Pull getInitalProvider out of component

* Fix tests

* Remove unnecessary div
github-merge-queue bot pushed a commit that referenced this pull request May 13, 2024
* feat: Add free plan seats alert

* feat: Create alerts for paid plan

* fix: Remove repositoryDeprecated from path contents hooks (#2845)

* update usePrefetchBranchDirEntry

* update useRepoBranchContents

* update index file

* update query off of repositoryDeprecated

* update tests

* small change to have commit signed

* update constants to ts

* small tweaks to the query keys

* Update useBranchCoverageMeasurements to use repository instead of repositoryDeprecated (#2843)

* feat: Paid/Free plan seats limit banner (#2830)

* feat: Add activation banner for trial eligible owners

* pull out interface + spec stuff

* Update to reflect paid plan activation banner

* Refactor CircleCI repo onboarding into one file (#2806)

* Refactor Other CI repo onboarding into one file (#2807)

* Update repo onboarding title position and page alignment (#2818)

* sec: 390 - Add validation for potential XSS vuln (#2797)

* add tests, and validation for provider

* add back supportServiceless param

* ref: 1548 Part 1: Convert all Header files to TS (#2821)

* ref all header files to TS

* remove prop types and rebase

* fix: Remove repository from GUT settings page header (#2823)

Small tweak removing `repository` from the GUT settings page.

* Install radix-ui react radio group (#2825)

* Update repo onboarding steps with new Card component (#2819)

GH codecov/engineering-team#1665

* feat: Add hasSeatsLeft to plan query

* Update to reflect SeatsLimitReachedBanner

* feat: paid plan activation banner

* update with from FreePlanSeatsLimitBanner

* value duplicate

* feat: paid plan seats limit banner

* just one more small tweak

* update name to FreePlanSeatsLimitBanner

* remove queryclient call

* update tests

* fix padding

* Update to have a const for plan value

---------

Co-authored-by: Spencer Murray <159931558+spalmurray-codecov@users.noreply.github.com>
Co-authored-by: ajay-sentry <159853603+ajay-sentry@users.noreply.github.com>
Co-authored-by: nicholas-codecov <nicholas.deschenes@sentry.io>

* feat: Paid plans activation required banner (#2832)

* feat: Add activation banner for trial eligible owners

* pull out interface + spec stuff

* Update to reflect paid plan activation banner

* Refactor CircleCI repo onboarding into one file (#2806)

* Refactor Other CI repo onboarding into one file (#2807)

* Update repo onboarding title position and page alignment (#2818)

* sec: 390 - Add validation for potential XSS vuln (#2797)

* add tests, and validation for provider

* add back supportServiceless param

* ref: 1548 Part 1: Convert all Header files to TS (#2821)

* ref all header files to TS

* remove prop types and rebase

* fix: Remove repository from GUT settings page header (#2823)

Small tweak removing `repository` from the GUT settings page.

* Install radix-ui react radio group (#2825)

* Update repo onboarding steps with new Card component (#2819)

GH codecov/engineering-team#1665

* feat: Add hasSeatsLeft to plan query

* Update to reflect SeatsLimitReachedBanner

* feat: paid plan activation banner

* update with from FreePlanSeatsLimitBanner

* value duplicate

* feat: Activation required banner

* clean up previous commit

* match design

* fix style

* Resolve conflicts

---------

Co-authored-by: Spencer Murray <159931558+spalmurray-codecov@users.noreply.github.com>
Co-authored-by: ajay-sentry <159853603+ajay-sentry@users.noreply.github.com>
Co-authored-by: nicholas-codecov <nicholas.deschenes@sentry.io>

* Unlink PR author on pulls table (#2846)

* ref: Use Repository instead of RepositoryDeprecated in useCommitYaml (#2844)

* Convert UseCommitYaml to Repository from RepositoryDeprecated

* Update query key

* ref: Convert useCommitErrors to TS and remove repositoryDeprecated (#2847)

* init conversion and remove deprecated, testing

* fix tests for useCommitErrors

* add additional spec

* add dev stuff

* update test coverage

* feat: Route to plan if user session + to param == plan (#2837)

* add plan route logic if to param set as plan

* help w/ test

* remove some unneeded mocks

* remove to

* fix spec mocks

* fix: Show banner for private repos only (#2853)

* fix: Footer Codecov icon displaying incorrect color  (#2858)

* fill color update

* update hex val

* Update useRepoSettings to move to new repository type (#2851)

* Update usereposettings

* Update tests

* update test

* Update more tests

* Update more tests

* more test updates

* Update type

* Update

* Update query

* Refactor

* dep: Update to Sentry RC-1 (#2849)

* pin @sentry/react to the latest release candidated

* update lockfile

* fix: Flaky tests around file explorer tables (#2856)

* Fix coverage tab file list table

* Fix coverage tab code tree table tests

* Fix pull indirect changed files table

* Fix commit file explorer table

* Fix missed instance of getByText

* ref: Convert SessionsTable to tanstack table (#2842)

* Convert Access.jsx -> tsx

* Fix type issue with TokensTable

* Remove unnecessary import

* Convert SessionsTable to ts

* Add tests

* Fix tests

* Fix all testLocation: any

* Use msw for mutation mock

* Improve flatmap callback for readability

* Better type hint for flat map return

* Fix flake

* Fix imports

* Fix indirect coverage loss

* style: Use Card component in bundle onboarding (#2861)

* Fix copy pasta border/padding

* Page width change

* Vite onboarding overhaul

* Webpack onboarding overhaul

* Rollup onboarding overhaul

* Fix tests

* chore: Update codecov.yml so that PR comment isn't sent until 9 uploads (#2865)

* Update to 8 uploads before comment to avoid many comments

* Oopsie it's actually the ceiling

* ref: Convert useComparisonForCommitAndParent to TS and remove repositoryDeprecated (#2857)

* fix tests, confirm it works

* export type and use instead

* feat: Add radio button navigation to repo onboarding (#2839)

* Use RadioTileGroup for navigation on the repo onboarding page

* Pull getInitalProvider out of component

* Fix tests

* Remove unnecessary div

* fix: A potential fix for the flaky test (#2854)

* ref: Clean up pull file explorer tests (#2852)

* Clean up pull file explorer tests

* Fix tests

* Revert "Fix tests"

This reverts commit f5aeccd.

* components over time display name instead of id (#2868)

* style: Fix radio tile group indicator shifting on certain screen sizes (#2869)

* Fix responsiveness issue on RadioTileGroup

* Add longer description to story

* Left align the label text

* ref: Remove repositoryDeprecated from usePrefetchSingleFileComp (#2870)

* update usePrefetchSingleFileComp to TS

* update NameColumn tests

* move fragment schema next to gql fragment string

* Capitlize view in free alert

* oops conflict stuff

---------

Co-authored-by: nicholas-codecov <nicholas.deschenes@sentry.io>
Co-authored-by: Spencer Murray <159931558+spalmurray-codecov@users.noreply.github.com>
Co-authored-by: ajay-sentry <159853603+ajay-sentry@users.noreply.github.com>
Co-authored-by: Rohit Vinnakota <148245014+rohitvinnakota-codecov@users.noreply.github.com>
Co-authored-by: JerrySentry <142266253+JerrySentry@users.noreply.github.com>
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.

None yet

3 participants