Skip to content

Commit

Permalink
Merge pull request #1 from derek-ho/figma-unit-cypress
Browse files Browse the repository at this point in the history 
add some changes to UI according to figma
  • Loading branch information
@Swiddis
Swiddis authored Jun 2, 2023
2 parents a64794a + d751c0d commit a35e329
Show file tree
Hide file tree
Showing 34 changed files with 7,130 additions and 896 deletions.
1,144 changes: 1,144 additions & 0 deletions ...omponents/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
View file

Large diffs are not rendered by default.

1,949 changes: 1,949 additions & 0 deletions ...ts/integrations/components/__tests__/__snapshots__/added_integration_flyout.test.tsx.snap
View file

Large diffs are not rendered by default.

549 changes: 51 additions & 498 deletions ...nts/integrations/components/__tests__/__snapshots__/added_integration_table.test.tsx.snap
View file

Large diffs are not rendered by default.

154 changes: 19 additions & 135 deletions ...grations/components/__tests__/__snapshots__/available_integration_card_view.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,26 +37,8 @@ Array [
}
>
<EuiCard
data-test-subj="homeSynopsisLinknginx"
data-test-subj="integration_card_nginx"
description="Nginx HTTP server collector"
footer={
<div>
<EuiButton
aria-label="Go to Developers Tools"
onClick={[Function]}
>
View Details
</EuiButton>
<EuiSpacer />
<EuiButton
aria-label="Go to Developers Tools"
onClick={[Function]}
size="s"
>
Add
</EuiButton>
</div>
}
icon={
<img
alt=""
Expand All @@ -70,19 +52,21 @@ Array [
}
/>
}
layout="vertical"
onClick={[Function]}
title="nginx"
titleSize="xs"
titleElement="span"
>
<EuiPanel
className="euiCard euiCard--centerAligned euiCard--hasIcon"
data-test-subj="homeSynopsisLinknginx"
className="euiCard euiCard--centerAligned euiCard--isClickable euiCard--hasIcon"
data-test-subj="integration_card_nginx"
element="div"
hasShadow={true}
onClick={[Function]}
>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiCard euiCard--centerAligned euiCard--hasIcon"
data-test-subj="homeSynopsisLinknginx"
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPanel--isClickable euiCard euiCard--centerAligned euiCard--isClickable euiCard--hasIcon"
data-test-subj="integration_card_nginx"
onClick={[Function]}
>
<div
className="euiCard__top"
Expand All @@ -105,13 +89,20 @@ Array [
<EuiTitle
className="euiCard__title"
id="random_html_idTitle"
size="xs"
size="s"
>
<span
className="euiTitle euiTitle--xsmall euiCard__title"
className="euiTitle euiTitle--small euiCard__title"
id="random_html_idTitle"
>
nginx
<button
aria-describedby=" random_html_idDescription"
className="euiCard__titleButton"
disabled={false}
onClick={[Function]}
>
nginx
</button>
</span>
</EuiTitle>
<EuiText
Expand All @@ -129,113 +120,6 @@ Array [
</div>
</EuiText>
</div>
<div
className="euiCard__footer"
>
<div>
<EuiButton
aria-label="Go to Developers Tools"
onClick={[Function]}
>
<EuiButtonDisplay
aria-label="Go to Developers Tools"
baseClassName="euiButton"
disabled={false}
element="button"
isDisabled={false}
onClick={[Function]}
type="button"
>
<button
aria-label="Go to Developers Tools"
className="euiButton euiButton--primary"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
View Details
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
</EuiSpacer>
<EuiButton
aria-label="Go to Developers Tools"
onClick={[Function]}
size="s"
>
<EuiButtonDisplay
aria-label="Go to Developers Tools"
baseClassName="euiButton"
disabled={false}
element="button"
isDisabled={false}
onClick={[Function]}
size="s"
type="button"
>
<button
aria-label="Go to Developers Tools"
className="euiButton euiButton--primary euiButton--small"
disabled={false}
onClick={[Function]}
style={
Object {
"minWidth": undefined,
}
}
type="button"
>
<EuiButtonContent
className="euiButton__content"
iconSide="left"
textProps={
Object {
"className": "euiButton__text",
}
}
>
<span
className="euiButtonContent euiButton__content"
>
<span
className="euiButton__text"
>
Add
</span>
</span>
</EuiButtonContent>
</button>
</EuiButtonDisplay>
</EuiButton>
</div>
</div>
</div>
</EuiPanel>
</EuiCard>
Expand Down
39 changes: 39 additions & 0 deletions ...ponents/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Available Integration Table View Test Renders nginx integration table view using dummy data 1`] = `
<EuiPanel>
<div
className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
>
<PanelTitle
title="nginx Details"
>
<EuiText
size="m"
>
<div
className="euiText euiText--medium"
>
<span
className="panel-title"
>
nginx Details
</span>
</div>
</EuiText>
</PanelTitle>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
</EuiSpacer>
<EuiText>
<div
className="euiText euiText--medium"
>
Nginx HTTP server collector
</div>
</EuiText>
</div>
</EuiPanel>
`;
Loading

0 comments on commit a35e329

Please sign in to comment.