Skip to content

Commit

Permalink
(internal) refactoring vertical items (#405)
Browse files Browse the repository at this point in the history
  • Loading branch information
@prabhuignoto
prabhuignoto authored Aug 5, 2023
1 parent bc5076f commit 96e3a14
Show file tree
Hide file tree
Showing 14 changed files with 181 additions and 75 deletions.
1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@
"@rollup/plugin-strip": "^3.0.2",
"@rollup/plugin-terser": "^0.4.3",
"@size-limit/preset-big-lib": "^8.2.6",
"@stylelint/postcss-css-in-js": "^0.38.0",
"@testing-library/dom": "^9.3.1",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^14.0.0",
Expand Down
17 changes: 17 additions & 0 deletions pnpm-lock.yaml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions ...eline-elements/timeline-card-content/__tests__/__snapshots__/content-footer.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@
exports[`ContentFooter > should match snapshot 1`] = `
<div>
<span
class="sc-fnymgw jjxMrR"
class="sc-eywOmQ eJxJui"
color="#0f52ba"
role="progressbar"
/>
<span
class="sc-bjUoET kFTbfH"
class="sc-fABZjn dQXRRH"
dir="up"
offset="-8"
/>
Expand Down
6 changes: 3 additions & 3 deletions ...eline-elements/timeline-card-content/__tests__/__snapshots__/content-header.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@
exports[`Content Header > should match the snapshot 1`] = `
<div>
<header
class="sc-jqUWZQ bvbNlf"
class="sc-dcrmVg kWoXlI"
>
<h1
class="sc-iqcnOu dYKnuy card-title"
class="sc-duSInm dcghAB card-title"
data-class="card-title"
>
title
</h1>
<h2
class="sc-kDDqET cKVuWH card-sub-title card-subtitle"
class="sc-kuWgmH TWryY card-sub-title card-subtitle"
>
content
</h2>
Expand Down
22 changes: 11 additions & 11 deletions ...ne-elements/timeline-card-media/__tests__/__snapshots__/timeline-card-media.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@
exports[`Timeline Card media > should match the snapshot ( IMAGE ) 1`] = `
<div>
<div
class="sc-bczSft bpukjt card-media-wrapper card-media"
class="sc-bgqQcB eeTwfk card-media-wrapper card-media"
mode="VERTICAL_ALTERNATING"
>
<div
class="sc-ftvSNZ hWErIY"
class="sc-ispOId hMrjPH"
height="200"
>
<img
alt="Image"
class="sc-gsnScm jbkwKI"
class="sc-gTRrQi fvRpJr"
loading="lazy"
mode="VERTICAL_ALTERNATING"
role="img"
Expand All @@ -21,14 +21,14 @@ exports[`Timeline Card media > should match the snapshot ( IMAGE ) 1`] = `
</div>
</div>
<div
class="sc-hKMtDE bKgugz"
class="sc-fFGjHI kHvLaM"
mode="VERTICAL_ALTERNATING"
>
<div
class="sc-iBkiHk gSBUBE"
class="sc-kPTPQs iZPJSj"
/>
<h2
class="sc-kDDqET fZQqHN card-sub-title card-subtitle"
class="sc-kuWgmH lnojIa card-sub-title card-subtitle"
>
This is another test
</h2>
Expand All @@ -39,27 +39,27 @@ exports[`Timeline Card media > should match the snapshot ( IMAGE ) 1`] = `
exports[`Timeline Card media > should match the snapshot ( VIDEO ) 1`] = `
<div>
<div
class="sc-bczSft bpukjt card-media-wrapper card-media"
class="sc-bgqQcB eeTwfk card-media-wrapper card-media"
mode="VERTICAL_ALTERNATING"
>
<iframe
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""
class="sc-jSMdHm bhcUJp"
class="sc-iVCKna jrpgms"
frameborder="0"
src="https://www.youtube.com/watch?v=9bZkp7q19f0?enablejsapi=1"
title="Video"
/>
</div>
<div
class="sc-hKMtDE bKgugz"
class="sc-fFGjHI kHvLaM"
mode="VERTICAL_ALTERNATING"
>
<div
class="sc-iBkiHk gSBUBE"
class="sc-kPTPQs iZPJSj"
/>
<h2
class="sc-kDDqET fZQqHN card-sub-title card-subtitle"
class="sc-kuWgmH lnojIa card-sub-title card-subtitle"
>
This is another test
</h2>
Expand Down
11 changes: 5 additions & 6 deletions ...ine-elements/timeline-card/__tests__/__snapshots__/timeline-horizontal-card.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,26 +3,25 @@
exports[`TimelineHorizontalCard > should match the snapshot 1`] = `
<div>
<div
class="sc-hAZoWV iDvkbn vertical_alternating"
class="sc-jeCNp iVOIGk vertical_alternating"
data-testid="timeline-item"
>
<div
class="sc-fEOqom bjWulQ"
class="sc-eAzDjm bvlcnC"
>
<div
class="sc-bjUoET kiSoat timeline-circle using-icon vertical_alternating active"
class="sc-fABZjn eXFtjw timeline-circle using-icon vertical_alternating active"
data-testid="timeline-circle"
dimension="16"
>
icon child
</div>
</div>
<div
class="sc-idiyyg iKxUGU vertical_alternating"
class="sc-gUMnWI JZqDc vertical_alternating"
data-testid="timeline-title"
>
<div
class="sc-ksZauW icZFtY timeline-item-title active title"
class="sc-cJPUEC jEGqPU timeline-item-title active title"
/>
</div>
</div>
Expand Down
26 changes: 13 additions & 13 deletions ...timeline-elements/timeline-control/__tests__/__snapshots__/timeline-control.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,19 +3,19 @@
exports[`TimelineControl > should render 1`] = `
<div>
<div
class="sc-hKMtDE kgjikO"
class="sc-fFGjHI iNxbWt"
>
<ul
class="sc-bczSft fvaTaN timeline-controls controls"
class="sc-bgqQcB ifptST timeline-controls controls"
>
<li
class="sc-gsnScm eMOCjm"
class="sc-gTRrQi bztlct"
>
<button
aria-controls="timeline-main-wrapper"
aria-disabled="false"
aria-label="first"
class="sc-dkzCjb cUcGhA"
class="sc-ewnqHT fSJVDw"
mode="VERTICAL_ALTERNATING"
rotate="TRUE"
tabindex="0"
Expand Down Expand Up @@ -43,13 +43,13 @@ exports[`TimelineControl > should render 1`] = `
</button>
</li>
<li
class="sc-gsnScm eMOCjm"
class="sc-gTRrQi bztlct"
>
<button
aria-controls="timeline-main-wrapper"
aria-disabled="false"
aria-label="previous"
class="sc-dkzCjb cUcGhA"
class="sc-ewnqHT fSJVDw"
mode="VERTICAL_ALTERNATING"
rotate="TRUE"
tabindex="0"
Expand All @@ -74,13 +74,13 @@ exports[`TimelineControl > should render 1`] = `
</button>
</li>
<li
class="sc-gsnScm eMOCjm"
class="sc-gTRrQi bztlct"
>
<button
aria-controls="timeline-main-wrapper"
aria-disabled="false"
aria-label="next"
class="sc-dkzCjb cUcGhA"
class="sc-ewnqHT fSJVDw"
mode="VERTICAL_ALTERNATING"
rotate="TRUE"
tabindex="0"
Expand All @@ -105,13 +105,13 @@ exports[`TimelineControl > should render 1`] = `
</button>
</li>
<li
class="sc-gsnScm eMOCjm"
class="sc-gTRrQi bztlct"
>
<button
aria-controls="timeline-main-wrapper"
aria-disabled="false"
aria-label="last"
class="sc-dkzCjb cUcGhA"
class="sc-ewnqHT fSJVDw"
mode="VERTICAL_ALTERNATING"
rotate="TRUE"
tabindex="0"
Expand Down Expand Up @@ -139,15 +139,15 @@ exports[`TimelineControl > should render 1`] = `
</button>
</li>
<li
class="sc-gsnScm eMOCjm"
class="sc-gTRrQi bztlct"
/>
<li
class="sc-gsnScm eMOCjm"
class="sc-gTRrQi bztlct"
>
<button
aria-controls="timeline-main-wrapper"
aria-label="dark"
class="sc-dkzCjb cDGUHY"
class="sc-ewnqHT kVrJsY"
tabindex="0"
title="dark"
>
Expand Down
2 changes: 1 addition & 1 deletion ...ne-elements/timeline-item-title/__tests__/__snapshots__/timeline-card-title.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
exports[`Timeline item title > should match the snapshot 1`] = `
<div>
<div
class="sc-bczSft gHMjsi timeline-item-title"
class="sc-bgqQcB bXNlBD timeline-item-title"
>
title
</div>
Expand Down
3 changes: 2 additions & 1 deletion src/components/timeline-elements/timeline-item-title/__tests__/timeline-card-title.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,8 @@ describe('Timeline item title', () => {

await waitFor(() => {
expect(getByText('title')).toHaveProperty('align');
expect(getByText('title')).toHaveProperty('align', 'left');
// expect(getByText('title')).toHaveProperty('align', 'left');
expect(getByText('title')).toHaveStyle('text-align: left');
});
});
});
8 changes: 3 additions & 5 deletions src/components/timeline-vertical/__tests__/__snapshots__/timeline-point.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,19 @@
exports[`Timeline point > Should match snapshot 1`] = `
<DocumentFragment>
<div
bg="#0f52ba"
class="sc-gKXNOb btEIHf test_class_name"
class="sc-gxYJeL gUWrlt test_class_name"
data-testid="tree-leaf"
role="button"
width="3"
>
<div
aria-label="select timeline"
class="sc-iBkiHk iBaalI test_class_name timeline-vertical-circle"
class="sc-kPTPQs WHFJb test_class_name timeline-vertical-circle"
data-testid="tree-leaf-click"
role="button"
>
<div
class="sc-hKMtDE drGvZa"
dimension="20"
class="sc-fFGjHI jvPfDw"
/>
</div>
</div>
Expand Down
Loading

1 comment on commit 96e3a14

@vercel
Copy link

@vercel vercel bot commented on 96e3a14 Aug 5, 2023

Choose a reason for hiding this comment

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

Successfully deployed to the following URLs:

react-chrono-uc7v – ./

react-chrono-uc7v-git-master-prabhuignoto.vercel.app
react-chrono-kitchen-sink.prabhumurthy.com
react-chrono-uc7v-prabhuignoto.vercel.app

Please sign in to comment.