Skip to content

Commit 451beb2

Browse files
astagiastagi
committed
chore: fix tests
1 parent e857ca3 commit 451beb2

File tree

3 files changed

+2483
-3584
lines changed

3 files changed

+2483
-3584
lines changed

‎stories/Components/Hero.stories.tsx‎

Lines changed: 186 additions & 186 deletions
Original file line numberDiff line numberDiff line change
@@ -1,186 +1,186 @@
1-
import { Meta, StoryObj } from '@storybook/react-vite';
2-
import React from 'react';
3-
import {
4-
Card,
5-
CardBody,
6-
CardReadMore,
7-
CardSignature,
8-
CardText,
9-
CardTitle,
10-
Col,
11-
Container,
12-
Hero,
13-
HeroBackground,
14-
HeroBody,
15-
HeroButton,
16-
HeroCategory,
17-
HeroTitle,
18-
Row
19-
} from '../../src';
20-
21-
const meta: Meta<typeof Hero> = {
22-
title: "Documentazione/Componenti/Hero",
23-
component: Hero,
24-
};
25-
26-
export default meta;
27-
28-
type Story = StoryObj<typeof Hero>;
29-
30-
export const HeroConSfondo: Story = {
31-
render: () => (
32-
<Hero aria-label='In evidenza'>
33-
<HeroBackground
34-
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
35-
title='image title'
36-
alt='imagealt'
37-
/>
38-
</Hero>
39-
)
40-
};
41-
42-
export const HeroConSfondoSmall: Story = {
43-
render: () => (
44-
<Hero aria-label='In evidenza' small>
45-
<HeroBackground
46-
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
47-
title='image title'
48-
alt='imagealt'
49-
/>
50-
</Hero>
51-
)
52-
}
53-
54-
export const HeroConTesto: Story = {
55-
render: () => (
56-
<Hero>
57-
<HeroBody>
58-
<HeroCategory>Category</HeroCategory>
59-
<HeroTitle>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
60-
<p className='d-none d-lg-block'>
61-
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
62-
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
63-
</p>
64-
<HeroButton outline color='primary'>
65-
Label button
66-
</HeroButton>
67-
</HeroBody>
68-
</Hero>
69-
)
70-
};
71-
72-
export const HeroConTestoCentrato: Story = {
73-
render: () => (
74-
<Hero centered>
75-
<HeroBody>
76-
<HeroCategory>Category</HeroCategory>
77-
<HeroTitle tag={'h2'}>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
78-
<p className='d-none d-lg-block'>
79-
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
80-
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
81-
</p>
82-
<HeroButton outline color='primary'>
83-
Label button
84-
</HeroButton>
85-
</HeroBody>
86-
</Hero>
87-
)
88-
};
89-
90-
export const HeroConTestoSuSfondo: Story = {
91-
render: () => (
92-
<Hero overlay='dark'>
93-
<HeroBackground
94-
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
95-
title='image title'
96-
alt='imagealt'
97-
/>
98-
<HeroBody>
99-
<HeroCategory>Category</HeroCategory>
100-
<HeroTitle tag={'h2'}>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
101-
<p className='d-none d-lg-block'>
102-
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
103-
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
104-
</p>
105-
<HeroButton color='secondary'>Label button</HeroButton>
106-
</HeroBody>
107-
</Hero>
108-
)
109-
};
110-
111-
export const HeroConTestoSuSfondoOverlayPrimario: Story = {
112-
render: () => (
113-
<Hero overlay='primary'>
114-
<HeroBackground
115-
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
116-
title='image title'
117-
alt='imagealt'
118-
/>
119-
<HeroBody>
120-
<HeroCategory>Category</HeroCategory>
121-
<HeroTitle tag={'h2'}>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
122-
<p className='d-none d-lg-block'>
123-
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
124-
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
125-
</p>
126-
<HeroButton outline color='primary'>
127-
Label button
128-
</HeroButton>
129-
</HeroBody>
130-
</Hero>
131-
)
132-
};
133-
134-
export const HeroConSfondoOverlayFiltro: Story = {
135-
render: () => (
136-
<Hero overlay='filter'>
137-
<HeroBackground
138-
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
139-
title='image title'
140-
alt='imagealt'
141-
/>
142-
</Hero>
143-
)
144-
};
145-
146-
export const HeroConSfondoMargineNegativo: Story = {
147-
render: () => (
148-
<>
149-
<Hero overlay='dark' overlap>
150-
<HeroBackground
151-
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
152-
title='image title'
153-
alt='imagealt'
154-
/>
155-
<HeroBody>
156-
<HeroCategory>Category</HeroCategory>
157-
<HeroTitle>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
158-
<p className='d-none d-lg-block'>
159-
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
160-
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
161-
</p>
162-
<HeroButton color='secondary'>Label button</HeroButton>
163-
</HeroBody>
164-
</Hero>
165-
<Container>
166-
<Row>
167-
<Col>
168-
<Card spacing className='card-bg'>
169-
<CardBody>
170-
<CardTitle tag='h5' className='big-heading'>
171-
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
172-
</CardTitle>
173-
<CardText>
174-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
175-
dolore magna aliqua.
176-
</CardText>
177-
<CardSignature>di Federico De Paolis</CardSignature>
178-
<CardReadMore text='Leggi di più' iconName='it-arrow-right' />
179-
</CardBody>
180-
</Card>
181-
</Col>
182-
</Row>
183-
</Container>
184-
</>
185-
)
186-
};
1+
import { Meta, StoryObj } from '@storybook/react-vite';
2+
import React from 'react';
3+
import {
4+
Card,
5+
CardBody,
6+
CardReadMore,
7+
CardSignature,
8+
CardText,
9+
CardTitle,
10+
Col,
11+
Container,
12+
Hero,
13+
HeroBackground,
14+
HeroBody,
15+
HeroButton,
16+
HeroCategory,
17+
HeroTitle,
18+
Row
19+
} from '../../src';
20+
21+
const meta: Meta<typeof Hero> = {
22+
title: "Documentazione/Componenti/Hero",
23+
component: Hero,
24+
};
25+
26+
export default meta;
27+
28+
type Story = StoryObj<typeof Hero>;
29+
30+
export const HeroConSfondo: Story = {
31+
render: () => (
32+
<Hero aria-label='In evidenza'>
33+
<HeroBackground
34+
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
35+
title='image title'
36+
alt='imagealt'
37+
/>
38+
</Hero>
39+
)
40+
};
41+
42+
export const HeroConSfondoSmall: Story = {
43+
render: () => (
44+
<Hero aria-label='In evidenza' small>
45+
<HeroBackground
46+
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
47+
title='image title'
48+
alt='imagealt'
49+
/>
50+
</Hero>
51+
)
52+
}
53+
54+
export const HeroConTesto: Story = {
55+
render: () => (
56+
<Hero>
57+
<HeroBody>
58+
<HeroCategory>Category</HeroCategory>
59+
<HeroTitle>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
60+
<p className='d-none d-lg-block'>
61+
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
62+
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
63+
</p>
64+
<HeroButton outline color='primary'>
65+
Label button
66+
</HeroButton>
67+
</HeroBody>
68+
</Hero>
69+
)
70+
};
71+
72+
export const HeroConTestoCentrato: Story = {
73+
render: () => (
74+
<Hero centered>
75+
<HeroBody>
76+
<HeroCategory>Category</HeroCategory>
77+
<HeroTitle tag={'h2'}>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
78+
<p className='d-none d-lg-block'>
79+
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
80+
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
81+
</p>
82+
<HeroButton outline color='primary'>
83+
Label button
84+
</HeroButton>
85+
</HeroBody>
86+
</Hero>
87+
)
88+
};
89+
90+
export const HeroConTestoSuSfondo: Story = {
91+
render: () => (
92+
<Hero overlay='dark'>
93+
<HeroBackground
94+
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
95+
title='image title'
96+
alt='imagealt'
97+
/>
98+
<HeroBody>
99+
<HeroCategory>Category</HeroCategory>
100+
<HeroTitle tag={'h2'}>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
101+
<p className='d-none d-lg-block'>
102+
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
103+
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
104+
</p>
105+
<HeroButton color='secondary'>Label button</HeroButton>
106+
</HeroBody>
107+
</Hero>
108+
)
109+
};
110+
111+
export const HeroConTestoSuSfondoOverlayPrimario: Story = {
112+
render: () => (
113+
<Hero overlay='primary'>
114+
<HeroBackground
115+
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
116+
title='image title'
117+
alt='imagealt'
118+
/>
119+
<HeroBody>
120+
<HeroCategory>Category</HeroCategory>
121+
<HeroTitle tag={'h2'}>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
122+
<p className='d-none d-lg-block'>
123+
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
124+
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
125+
</p>
126+
<HeroButton outline color='primary'>
127+
Label button
128+
</HeroButton>
129+
</HeroBody>
130+
</Hero>
131+
)
132+
};
133+
134+
export const HeroConSfondoOverlayFiltro: Story = {
135+
render: () => (
136+
<Hero overlay='filter'>
137+
<HeroBackground
138+
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
139+
title='image title'
140+
alt='imagealt'
141+
/>
142+
</Hero>
143+
)
144+
};
145+
146+
export const HeroConSfondoMargineNegativo: Story = {
147+
render: () => (
148+
<>
149+
<Hero overlay='dark' overlap>
150+
<HeroBackground
151+
src='https://animals.sandiegozoo.org/sites/default/files/2016-08/animals_hero_mountains.jpg'
152+
title='image title'
153+
alt='imagealt'
154+
/>
155+
<HeroBody>
156+
<HeroCategory>Category</HeroCategory>
157+
<HeroTitle>Heading lorem ipsum dolor sit amet, consetetur sadipscing.</HeroTitle>
158+
<p className='d-none d-lg-block'>
159+
Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Dictum sit amet justo
160+
donec enim diam vulputate ut. Eu nisl nunc mi ipsum faucibus.
161+
</p>
162+
<HeroButton color='secondary'>Label button</HeroButton>
163+
</HeroBody>
164+
</Hero>
165+
<Container>
166+
<Row>
167+
<Col>
168+
<Card className='card-bg'>
169+
<CardBody>
170+
<CardTitle tag='h5' className='big-heading'>
171+
Lorem ipsum dolor sit amet, consectetur adipiscing elit…
172+
</CardTitle>
173+
<CardText>
174+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
175+
dolore magna aliqua.
176+
</CardText>
177+
<CardSignature>di Federico De Paolis</CardSignature>
178+
<CardReadMore text='Leggi di più' iconName='it-arrow-right' />
179+
</CardBody>
180+
</Card>
181+
</Col>
182+
</Row>
183+
</Container>
184+
</>
185+
)
186+
};

0 commit comments

Comments
 (0)