studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️(react) migrate faker api

Browse Source 
faker-js introduced breaking changes in their APIs, so we needed to migrate
our usages.
This commit is contained in:
Nathan Vasse
2023-05-12 14:35:59 +02:00
committed by NathanVss
parent ed2409e50c
commit e7fc782b1c
5 changed files with 44 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react/src/components/DataGrid/DataList.spec.tsx
View File

@@ -10,8 +10,8 @@ describe("<DataList/>", () => {
it("should render a DataList", async () => { it("should render a DataList", async () => {
const rows = Array.from(Array(3)).map((_value, index) => ({ const rows = Array.from(Array(3)).map((_value, index) => ({
id: `list key for element ${index}`, id: `list key for element ${index}`,
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
})); }));
render( render(
<CunninghamProvider> <CunninghamProvider>

40
packages/react/src/components/DataGrid/SimpleDataGrid.spec.tsx
View File

@@ -13,11 +13,11 @@ import { Row } from ":/components/DataGrid/index";
describe("<SimpleDataGrid/>", () => { describe("<SimpleDataGrid/>", () => {
it("should render a grid without pagination", async () => { it("should render a grid without pagination", async () => {
const rows = Array.from(Array(23)).map(() => ({ const rows = Array.from(Array(23)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})); }));
render( render(
<CunninghamProvider> <CunninghamProvider>
@@ -67,11 +67,11 @@ describe("<SimpleDataGrid/>", () => {
it("should render a grid with working pagination", async () => { it("should render a grid with working pagination", async () => {
const rows = Array.from(Array(23)) const rows = Array.from(Array(23))
.map(() => ({ .map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})) }))
.sort((a, b) => a.firstName.localeCompare(b.firstName)); .sort((a, b) => a.firstName.localeCompare(b.firstName));
render( render(
@@ -187,11 +187,11 @@ describe("<SimpleDataGrid/>", () => {
it("should render a grid with working rows selection", async () => { it("should render a grid with working rows selection", async () => {
const rows = Array.from(Array(23)) const rows = Array.from(Array(23))
.map(() => ({ .map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})) }))
.sort((a, b) => a.firstName.localeCompare(b.firstName)); .sort((a, b) => a.firstName.localeCompare(b.firstName));
@@ -270,11 +270,11 @@ describe("<SimpleDataGrid/>", () => {
it("should render a grid with working sortable columns", async () => { it("should render a grid with working sortable columns", async () => {
const rows = Array.from(Array(23)) const rows = Array.from(Array(23))
.map(() => ({ .map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})) }))
.sort((a, b) => a.firstName.localeCompare(b.firstName)); .sort((a, b) => a.firstName.localeCompare(b.firstName));
render( render(
@@ -421,11 +421,11 @@ describe("<SimpleDataGrid/>", () => {
it("should render a grid with non-sortable columns", async () => { it("should render a grid with non-sortable columns", async () => {
const rows = Array.from(Array(23)) const rows = Array.from(Array(23))
.map(() => ({ .map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})) }))
.sort((a, b) => a.firstName.localeCompare(b.firstName)); .sort((a, b) => a.firstName.localeCompare(b.firstName));
render( render(

24
packages/react/src/components/DataGrid/index.spec.tsx
View File

@@ -15,11 +15,11 @@ describe("<DataGrid/>", () => {
it("should render a grid with server-side loading", async () => { it("should render a grid with server-side loading", async () => {
const database = Array.from(Array(23)).map(() => ({ const database = Array.from(Array(23)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})); }));
const Component = () => { const Component = () => {
@@ -216,11 +216,11 @@ describe("<DataGrid/>", () => {
}); });
it("should render custom cells", async () => { it("should render custom cells", async () => {
const database = Array.from(Array(10)).map(() => ({ const database = Array.from(Array(10)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})); }));
const Component = () => { const Component = () => {
@@ -263,11 +263,11 @@ describe("<DataGrid/>", () => {
}); });
it("should render highlighted column", async () => { it("should render highlighted column", async () => {
const database = Array.from(Array(10)).map(() => ({ const database = Array.from(Array(10)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})); }));
const Component = () => { const Component = () => {

18
packages/react/src/components/DataGrid/index.stories.tsx
View File

@@ -52,11 +52,11 @@ export const ClientSideWithoutPagination = () => {
const database = useMemo( const database = useMemo(
() => () =>
Array.from(Array(23)).map(() => ({ Array.from(Array(23)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})), })),
[] []
); );
@@ -104,7 +104,7 @@ export const ClientSideWithPagination = () => {
const database = useMemo( const database = useMemo(
() => () =>
Array.from(Array(23)).map(() => ({ Array.from(Array(23)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
carName: faker.company.name(), carName: faker.company.name(),
year: faker.date.past().getFullYear(), year: faker.date.past().getFullYear(),
price: +faker.commerce.price(5000, 5005), price: +faker.commerce.price(5000, 5005),
@@ -156,11 +156,11 @@ export const FullServerSide = () => {
const database = useMemo( const database = useMemo(
() => () =>
Array.from(Array(191)).map(() => ({ Array.from(Array(191)).map(() => ({
id: faker.datatype.uuid(), id: faker.string.uuid(),
firstName: faker.name.firstName(), firstName: faker.person.firstName(),
lastName: faker.name.lastName(), lastName: faker.person.lastName(),
email: faker.internet.email(), email: faker.internet.email(),
address: faker.address.streetAddress(), address: faker.location.streetAddress(),
})), })),
[] []
); );

2
packages/react/src/components/Forms/Select/mono.stories.tsx
View File

@@ -18,7 +18,7 @@ const Template: ComponentStory<typeof Select> = (args) => (
</div> </div>
); );
const CITIES = Array.from({ length: 10 }).map(() => faker.address.city()); const CITIES = Array.from({ length: 10 }).map(() => faker.location.city());
const OPTIONS = CITIES.map((city) => ({ const OPTIONS = CITIES.map((city) => ({
label: city, label: city,
value: city.toLowerCase(), value: city.toLowerCase(),