fix(gatsby-remark-images): allow strings for the wrapperStyle option (#…

…27912) (#27919) (cherry picked from commit d64603e)
gatsbyjs · Nov 9, 2020 · 05b8838 · 05b8838
1 parent 4725e8b
commit 05b8838
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/gatsby-remark-images/src/__tests__/gatsby-node.js b/packages/gatsby-remark-images/src/__tests__/gatsby-node.js
@@ -9,7 +9,7 @@ describe(`pluginOptionsSchema`, () => {
       `"showCaptions" must be a boolean`,
       `"markdownCaptions" must be a boolean`,
       `"sizeByPixelDensity" must be a boolean`,
-      `"wrapperStyle" must be one of [object]`,
+      `"wrapperStyle" must be one of [object, string]`,
       `"backgroundColor" must be a string`,
       `"quality" must be a number`,
       `"withWebp" must be a boolean`,
@@ -26,7 +26,7 @@ describe(`pluginOptionsSchema`, () => {
       showCaptions: `This should be a boolean`,
       markdownCaptions: `This should be a boolean`,
       sizeByPixelDensity: `This should be a boolean`,
-      wrapperStyle: `This should be an object`,
+      wrapperStyle: true,
       backgroundColor: 123,
       quality: `This should be a number`,
       withWebp: `This should be a boolean`,

diff --git a/packages/gatsby-remark-images/src/gatsby-node.js b/packages/gatsby-remark-images/src/gatsby-node.js
@@ -27,7 +27,8 @@ exports.pluginOptionsSchema = function ({ Joi }) {
       ),
     wrapperStyle: Joi.alternatives().try(
       Joi.object({}).unknown(true),
-      Joi.function().maxArity(1)
+      Joi.function().maxArity(1),
+      Joi.string()
     ),
     backgroundColor: Joi.string().default(`white`)
       .description(`Set the background color of the image to match the background image of your design.