fix(props): ensure fluidOnMobile passes through (#135)

Author: emmclaughlin

src/utils/mjml-component-utils.ts

@@ -34,7 +34,7 @@ export function convertPropsToMjmlAttributes<P>(props: {
   return mjmlProps;
 }
 
-const booleanToString = ["inline", "full-width"];
+const booleanToString = ["inline", "full-width", "fluid-on-mobile"];
 const numberToPixel = [
   "width",
   "height",

test/mjml-props.test.tsx

@@ -30,13 +30,16 @@ describe("mjml components prop values", () => {
     ).toBe(`<mj-raw i-am-not-a-prop="random"></mj-raw>`);
   });
 
-  it("fullWidth and inline props convert to string", () => {
+  it("fullWidth, inline, and fluidOnMobile props convert to string", () => {
     expect(renderToMjml(<mjmlComponents.MjmlSection fullWidth />)).toBe(
       `<mj-section full-width="full-width"></mj-section>`
     );
     expect(renderToMjml(<mjmlComponents.MjmlStyle inline />)).toBe(
       `<mj-style inline="inline"></mj-style>`
     );
+    expect(renderToMjml(<mjmlComponents.MjmlImage fluidOnMobile />)).toBe(
+      `<mj-image fluid-on-mobile="fluid-on-mobile"></mj-image>`
+    );
   });
 
   it("enum prop type accepts all enum values", () => {