Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix tests
Browse files Browse the repository at this point in the history
tchock committed Dec 19, 2024
1 parent b9d219e commit 99db1fa
Showing 14 changed files with 222 additions and 192 deletions.
6 changes: 6 additions & 0 deletions src/Box/interpolations/flex.ts
Original file line number Diff line number Diff line change
@@ -19,14 +19,20 @@ export interface FlexContainerProps {
alignContent?: ResponsiveValue<CSS.Property.AlignContent>;
}

const shrinkGrowTransform: InterpolationTransformFn<number | string | boolean, number | string> = (
value
) => (value === true ? 1 : value === false ? 0 : value);

export const flexItem = system([
{
properties: ['flexGrow'],
fromProps: ['grow', 'flexGrow'],
transform: shrinkGrowTransform,
},
{
properties: ['flexShrink'],
fromProps: ['shrink', 'flexShrink'],
transform: shrinkGrowTransform,
},
{
properties: ['flexBasis'],
1 change: 0 additions & 1 deletion src/Box/interpolations/spacing.ts
Original file line number Diff line number Diff line change
@@ -5,7 +5,6 @@ const getGapSpacing = (value: any, theme: PabloTheme) => {
if (Array.isArray(value)) {
return value.map((val) => spacingTransform(val, theme)).join(' ');
}

const spacing = spacingTransform(value, theme);
return [spacing, spacing].join(' ');
};
17 changes: 8 additions & 9 deletions src/Checkbox/__snapshots__/Checkbox.spec.tsx.snap
Original file line number Diff line number Diff line change
@@ -3,14 +3,14 @@
exports[`Render checkbox checked 1`] = `
.emotion-0 {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.emotion-1 {
@@ -84,14 +84,14 @@ exports[`Render checkbox checked 1`] = `
exports[`Render checkbox unchecked 1`] = `
.emotion-0 {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.emotion-1 {
@@ -172,7 +172,6 @@ exports[`Render checkbox with label 1`] = `
line-height: var(--pbl-theme-typography-subtitle-lineHeight);
margin-bottom: var(--pbl-theme-typography-subtitle-marginBottom);
margin-left: 8px;
margin-bottom: 0px;
}
<label
18 changes: 9 additions & 9 deletions src/Modal/__snapshots__/Modal.spec.tsx.snap
Original file line number Diff line number Diff line change
@@ -184,13 +184,13 @@ exports[`Render with title 1`] = `
.emotion-1 {
box-sizing: border-box;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.emotion-2 {
@@ -239,13 +239,13 @@ exports[`Render with title and topRightItem 1`] = `
.emotion-1 {
box-sizing: border-box;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.emotion-2 {
@@ -297,13 +297,13 @@ exports[`Render with topRightItem 1`] = `
.emotion-1 {
box-sizing: border-box;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
<div
17 changes: 8 additions & 9 deletions src/Radio/__snapshots__/Radio.spec.tsx.snap
Original file line number Diff line number Diff line change
@@ -3,14 +3,14 @@
exports[`Render radio checked 1`] = `
.emotion-0 {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.emotion-1 {
@@ -84,14 +84,14 @@ exports[`Render radio checked 1`] = `
exports[`Render radio unchecked 1`] = `
.emotion-0 {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.emotion-1 {
@@ -172,7 +172,6 @@ exports[`Render radio with label 1`] = `
line-height: var(--pbl-theme-typography-subtitle-lineHeight);
margin-bottom: var(--pbl-theme-typography-subtitle-marginBottom);
margin-left: 8px;
margin-bottom: 0px;
}
<label
18 changes: 8 additions & 10 deletions src/Radio/__snapshots__/RadioGroup.spec.tsx.snap
Original file line number Diff line number Diff line change
@@ -12,14 +12,14 @@ exports[`Render with nothing selected 1`] = `
.emotion-2 {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.emotion-3 {
@@ -74,7 +74,6 @@ exports[`Render with nothing selected 1`] = `
line-height: var(--pbl-theme-typography-subtitle-lineHeight);
margin-bottom: var(--pbl-theme-typography-subtitle-marginBottom);
margin-left: 8px;
margin-bottom: 0px;
}
<div>
@@ -197,14 +196,14 @@ exports[`Work with one radio button 1`] = `
.emotion-2 {
box-sizing: border-box;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.emotion-3 {
@@ -259,7 +258,6 @@ exports[`Work with one radio button 1`] = `
line-height: var(--pbl-theme-typography-subtitle-lineHeight);
margin-bottom: var(--pbl-theme-typography-subtitle-marginBottom);
margin-left: 8px;
margin-bottom: 0px;
}
<div>
7 changes: 6 additions & 1 deletion src/Slider/Slider.spec.tsx
Original file line number Diff line number Diff line change
@@ -2,6 +2,7 @@ import { fireEvent, render, screen } from '@testing-library/react';
import React from 'react';
import { Slider } from './Slider';
import * as stories from './Slider.stories';
import { PabloThemeProvider } from '../theme';

const defaultProps = {
from: 0,
@@ -141,5 +142,9 @@ test('UpperOutOfBounds story snapshot', () => {
});

function createStoryComponent(Story) {
return <Story {...Story.args} />;
return (
<PabloThemeProvider>
<Story {...Story.args} />
</PabloThemeProvider>
);
}
Loading

0 comments on commit 99db1fa

Please sign in to comment.