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(new-trace): Implementing new header designs #88577

Merged
merged 15 commits into from
Apr 7, 2025

Conversation

Abdkhan14
Copy link
Contributor

@Abdkhan14 Abdkhan14 commented Apr 2, 2025

This PR implements the following designs:
Screenshot 2025-04-03 at 11 10 21 AM

The index.tsx file was getting disorganized, split/added the components to this structure:
Screenshot 2025-04-03 at 11 23 26 AM

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 2, 2025
Copy link

codecov bot commented Apr 2, 2025

❌ 4 Tests Failed:

Tests completed Failed Passed Skipped
10073 4 10069 5
View the top 3 failed test(s) by shortest run time
TraceMetaDataHeader breadcrumbs should render domain overview breadcrumbs
Stack Traces | 0.015s run time
Error: expect(element).toHaveTextContent()

Expected element to have text content:
  Trace View
Received:

    at Object.<anonymous> (.../newTraceDetails/traceHeader/index.spec.tsx:157:35)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:105:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
TraceMetaDataHeader breadcrumbs should show insights from transaction summary
Stack Traces | 0.015s run time
Error: expect(element).toHaveTextContent()

Expected element to have text content:
  Trace View
Received:

    at Object.<anonymous> (.../newTraceDetails/traceHeader/index.spec.tsx:133:35)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:105:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
TraceMetaDataHeader breadcrumbs should show insights from transaction summary with perf removal feature
Stack Traces | 0.016s run time
Error: expect(element).toHaveTextContent()

Expected element to have text content:
  Trace View
Received:

    at Object.<anonymous> (.../newTraceDetails/traceHeader/index.spec.tsx:107:35)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:105:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)

To view more test analytics, go to the Test Analytics Dashboard
📋 Got 3 mins? Take this short survey to help us improve Test Analytics.

@Abdkhan14 Abdkhan14 marked this pull request as ready for review April 3, 2025 15:28
@Abdkhan14 Abdkhan14 requested review from a team as code owners April 3, 2025 15:28
Base automatically changed from abdk/trace-eap-orphan-errors to master April 3, 2025 17:52
const representativeEvent = getRepresentativeEvent(props.tree, props.logs);
const project = representativeEvent
? projects.find(p => {
if (OurLogKnownFieldKey.PROJECT_ID in representativeEvent) {
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: I think it makes sense to move this if condition outside of the find loop. Technically, it's running this check on each find iteration, when you actually only need to do it once.

Copy link
Contributor Author

@Abdkhan14 Abdkhan14 Apr 4, 2025

Choose a reason for hiding this comment

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

Agree, i pushed the change

@Abdkhan14 Abdkhan14 merged commit 16e8ac6 into master Apr 7, 2025
41 checks passed
@Abdkhan14 Abdkhan14 deleted the abdk/trace-header-new branch April 7, 2025 16:14
andrewshie-sentry pushed a commit that referenced this pull request Apr 8, 2025
This PR implements the following designs:
<img width="945" alt="Screenshot 2025-04-03 at 11 10 21 AM"
src="https://github.com/user-attachments/assets/ad761445-c2da-4cd4-b82e-3b4bda43bbe9"
/>

The `index.tsx` file was getting disorganized, split/added the
components to this structure:
<img width="461" alt="Screenshot 2025-04-03 at 11 23 26 AM"
src="https://github.com/user-attachments/assets/28ccb786-0555-43ae-a55d-e931b279a4fc"
/>

---------

Co-authored-by: Abdullah Khan <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Scope: Frontend Automatically applied to PRs that change frontend components
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants