Fix tests for size offsets of GridItem (#6373)

* Fix tests for size offsets of GridItem Fixes #6292 * update snapshot
patternfly · Sep 30, 2021 · dba97b8 · dba97b8
1 parent 1efc909
commit dba97b8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/packages/react-core/src/layouts/Grid/__tests__/GridItem.test.tsx b/packages/react-core/src/layouts/Grid/__tests__/GridItem.test.tsx
@@ -18,7 +18,7 @@ test('adds row class', () => {
   expect(view.props().className).toMatchSnapshot();
 });
 
-Object.values(DeviceSizes).forEach(size => {
+Object.keys(DeviceSizes).forEach(size => {
   test(`adds ${size} span class`, () => {
     const props = { [size]: 4 };
     const view = shallow(<GridItem {...props} />);

diff --git a/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/GridItem.test.tsx.snap b/packages/react-core/src/layouts/Grid/__tests__/__snapshots__/GridItem.test.tsx.snap
@@ -1,37 +1,37 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`adds _2xl offset classes 1`] = `"pf-l-grid__item"`;
+exports[`adds lg offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-lg"`;
 
-exports[`adds _2xl row classes 1`] = `"pf-l-grid__item"`;
+exports[`adds lg row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-lg"`;
 
-exports[`adds _2xl span class 1`] = `"pf-l-grid__item"`;
+exports[`adds lg span class 1`] = `"pf-l-grid__item pf-m-4-col-on-lg"`;
 
-exports[`adds Lg offset classes 1`] = `"pf-l-grid__item"`;
+exports[`adds md offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-md"`;
 
-exports[`adds Lg row classes 1`] = `"pf-l-grid__item"`;
+exports[`adds md row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-md"`;
 
-exports[`adds Lg span class 1`] = `"pf-l-grid__item"`;
+exports[`adds md span class 1`] = `"pf-l-grid__item pf-m-4-col-on-md"`;
 
-exports[`adds Md offset classes 1`] = `"pf-l-grid__item"`;
+exports[`adds offset class 1`] = `"pf-l-grid__item pf-m-offset-4-col"`;
 
-exports[`adds Md row classes 1`] = `"pf-l-grid__item"`;
+exports[`adds row class 1`] = `"pf-l-grid__item pf-m-4-row"`;
 
-exports[`adds Md span class 1`] = `"pf-l-grid__item"`;
+exports[`adds sm offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-sm"`;
 
-exports[`adds Sm offset classes 1`] = `"pf-l-grid__item"`;
+exports[`adds sm row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-sm"`;
 
-exports[`adds Sm row classes 1`] = `"pf-l-grid__item"`;
+exports[`adds sm span class 1`] = `"pf-l-grid__item pf-m-4-col-on-sm"`;
 
-exports[`adds Sm span class 1`] = `"pf-l-grid__item"`;
+exports[`adds span class 1`] = `"pf-l-grid__item pf-m-4-col"`;
 
-exports[`adds Xl offset classes 1`] = `"pf-l-grid__item"`;
+exports[`adds xl offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-xl"`;
 
-exports[`adds Xl row classes 1`] = `"pf-l-grid__item"`;
+exports[`adds xl row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-xl"`;
 
-exports[`adds Xl span class 1`] = `"pf-l-grid__item"`;
+exports[`adds xl span class 1`] = `"pf-l-grid__item pf-m-4-col-on-xl"`;
 
-exports[`adds offset class 1`] = `"pf-l-grid__item pf-m-offset-4-col"`;
+exports[`adds xl2 offset classes 1`] = `"pf-l-grid__item pf-m-offset-1-col-on-2xl"`;
 
-exports[`adds row class 1`] = `"pf-l-grid__item pf-m-4-row"`;
+exports[`adds xl2 row classes 1`] = `"pf-l-grid__item pf-m-1-row-on-2xl"`;
 
-exports[`adds span class 1`] = `"pf-l-grid__item pf-m-4-col"`;
+exports[`adds xl2 span class 1`] = `"pf-l-grid__item pf-m-4-col-on-2xl"`;