Add Tests for QuerySidePanel Component

[ghernandez345]

Adding tests for the QuerySidePanel component

Now subtask of #11832

[lukeheath]

@sharon-fdm This also needs an estimate.

[sharon-fdm]

This is actually a sub task of #11832.
@RachelElysia let's connect them.

[RachelElysia]

remarkjs/react-markdown#635 (comment)

// jest.config.js
// move "jest" config from package.json to jest.config.js
const esModules = [ // Copy from here 👈
"react-markdown",
"vfile",
"unist-.+",
"unified",
"bail",
"is-plain-obj",
"trough",
"remark-.+",
"mdast-util-.+",
"micromark",
"parse-entities",
"character-entities",
"property-information",
"comma-separated-tokens",
"hast-util-whitespace",
"remark-.+",
"space-separated-tokens",
"decode-named-character-reference",
"ccount",
"escape-string-regexp",
"markdown-table",
"trim-lines",
].join("|"); // To here 👈

module.exports = {
...
transform: {
'^.+\.(js|jsx|mjs|cjs|ts|tsx)$': '/config/jest/babelTransform.js',
[(${esModules}).+\\.js$]: '/config/jest/babelTransform.js', // Add this line 👈
'^.+\.css$': '/config/jest/cssTransform.js',
'^(?!.*\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)':
'/config/jest/fileTransform.js',
},
transformIgnorePatterns: [
// Update from this 👈
// "[/\\]node_modules[/\\].+\.(js|jsx|mjs|cjs|ts|tsx)$",
[/\\\\]node_modules[/\\\\](?!${esModules}).+\\.(js|jsx|mjs|cjs|ts|tsx)$, // To this 👈
'^.+\.module\.(css|sass|scss)$',
],
...
};

[RachelElysia]

jestjs/jest#11067 (comment)

When babel is in .babel.rc there's an issue, so you have to change it to babel.config.json

[fleet-release]

QuerySidePanel tests,
Cloud city code now secured,
Platform blossoms strong.