@verdaccio/ui-components 3.0.0-next.1 → 4.0.0-next-8.0

package/build/components/RawViewer/RawViewer.js

@@ -9,10 +9,11 @@ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactJsonView = _interopRequireDefault(require("react-json-view"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ViewerTitle = props => {
   const {
     children,
@@ -25,6 +26,7 @@ const ViewerTitle = props => {
     }
   }, children, onClose ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-label": "close",
+    "data-testid": "close-raw-viewer",
     onClick: onClose,
     sx: {
       position: 'absolute',
@@ -43,22 +45,24 @@ const RawViewer = ({
   const {
     t
   } = (0, _reactI18next.useTranslation)();
+  const theme = (0, _styles.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
     "data-testid": 'rawViewer--dialog',
     fullScreen: true,
-    id: "raw-viewer--dialog-container",
     open: isOpen
   }, /*#__PURE__*/_react.default.createElement(ViewerTitle, {
     id: "viewer-title",
     onClose: onClose
-  }, t('action-bar-action.raw')), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_reactJsonView.default, {
-    collapseStringsAfterLength: 40,
-    collapsed: true,
-    enableClipboard: false,
+  }, t('action-bar-action.raw-title', {
+    package: packageMeta.latest.name
+  })), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_reactJsonView.default, {
+    collapseStringsAfterLength: 200,
+    collapsed: 2,
+    enableClipboard: true,
     groupArraysAfterLength: 10,
-    src: packageMeta
+    src: packageMeta,
+    theme: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) == 'light' ? 'bright:inverted' : 'bright'
   })));
 };
-var _default = RawViewer;
-exports.default = _default;
+var _default = exports.default = RawViewer;
 //# sourceMappingURL=RawViewer.js.map

package/build/components/RawViewer/index.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _RawViewer = _interopRequireDefault(require("./RawViewer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/build/components/Readme/Readme.js

@@ -5,39 +5,59 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-require("github-markdown-css");
-require("highlight.js/styles/default.css");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
 var _react = _interopRequireDefault(require("react"));
+var _ = require("../../");
+require("./github-markdown.css");
 var _utils = require("./utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Readme = ({
   description
 }) => {
-  return /*#__PURE__*/_react.default.createElement(Wrapper, {
-    className: "markdown-body",
+  // @ts-ignore
+  const {
+    isDarkMode
+  } = (0, _.useCustomTheme)();
+
+  // Stackoverflow theme fits well to Verdaccio dark colors
+  // https://highlightjs.org/examples
+  if (isDarkMode) {
+    require('highlight.js/styles/github-dark.css');
+  } else {
+    require('highlight.js/styles/github.css');
+  }
+  return /*#__PURE__*/_react.default.createElement(_Card.default, {
+    sx: {
+      mb: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    "data-testid": "readme",
+    sx: {
+      m: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(Wrapper, {
+    className: `markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`,
     dangerouslySetInnerHTML: {
       __html: (0, _utils.parseReadme)(description)
     }
-  });
+  }))));
 };
-var _default = Readme;
-exports.default = _default;
+var _default = exports.default = Readme;
 const Wrapper = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
   target: "e1gao54u0"
 } : {
   target: "e1gao54u0",
   label: "Wrapper"
-})(({
-  theme
-}) => ({
-  background: theme === null || theme === void 0 ? void 0 : theme.palette.white,
-  color: theme === null || theme === void 0 ? void 0 : theme.palette.black,
-  padding: theme === null || theme === void 0 ? void 0 : theme.spacing(2, 3),
-  ul: {
-    listStyle: 'disc'
-  },
-  img: {
-    maxWidth: '100%'
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1JlYWRtZS9SZWFkbWUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUmVhZG1lL1JlYWRtZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgJ2dpdGh1Yi1tYXJrZG93bi1jc3MnO1xuaW1wb3J0ICdoaWdobGlnaHQuanMvc3R5bGVzL2RlZmF1bHQuY3NzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IHBhcnNlUmVhZG1lIH0gZnJvbSAnLi91dGlscyc7XG5cbmNvbnN0IFJlYWRtZTogUmVhY3QuRkM8UHJvcHM+ID0gKHsgZGVzY3JpcHRpb24gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyXG4gICAgICBjbGFzc05hbWU9XCJtYXJrZG93bi1ib2R5XCJcbiAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogcGFyc2VSZWFkbWUoZGVzY3JpcHRpb24pIGFzIHN0cmluZyB9fVxuICAgIC8+XG4gICk7XG59O1xuZXhwb3J0IGRlZmF1bHQgUmVhZG1lO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5ibGFjayxcbiAgcGFkZGluZzogdGhlbWU/LnNwYWNpbmcoMiwgMyksXG4gIHVsOiB7XG4gICAgbGlzdFN0eWxlOiAnZGlzYycsXG4gIH0sXG4gIGltZzoge1xuICAgIG1heFdpZHRoOiAnMTAwJScsXG4gIH0sXG59KSk7XG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? {
+  name: "z0ebq4",
+  styles: "ul{list-style:disc;}img{max-width:100%;}"
+} : {
+  name: "z0ebq4",
+  styles: "ul{list-style:disc;}img{max-width:100%;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1JlYWRtZS9SZWFkbWUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUmVhZG1lL1JlYWRtZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VDdXN0b21UaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5pbXBvcnQgJy4vZ2l0aHViLW1hcmtkb3duLmNzcyc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgcGFyc2VSZWFkbWUgfSBmcm9tICcuL3V0aWxzJztcblxuY29uc3QgUmVhZG1lOiBSZWFjdC5GQzxQcm9wcz4gPSAoeyBkZXNjcmlwdGlvbiB9KSA9PiB7XG4gIC8vIEB0cy1pZ25vcmVcbiAgY29uc3QgeyBpc0RhcmtNb2RlIH0gPSB1c2VDdXN0b21UaGVtZSgpO1xuXG4gIC8vIFN0YWNrb3ZlcmZsb3cgdGhlbWUgZml0cyB3ZWxsIHRvIFZlcmRhY2NpbyBkYXJrIGNvbG9yc1xuICAvLyBodHRwczovL2hpZ2hsaWdodGpzLm9yZy9leGFtcGxlc1xuICBpZiAoaXNEYXJrTW9kZSkge1xuICAgIHJlcXVpcmUoJ2hpZ2hsaWdodC5qcy9zdHlsZXMvZ2l0aHViLWRhcmsuY3NzJyk7XG4gIH0gZWxzZSB7XG4gICAgcmVxdWlyZSgnaGlnaGxpZ2h0LmpzL3N0eWxlcy9naXRodWIuY3NzJyk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDYXJkIHN4PXt7IG1iOiAyIH19PlxuICAgICAgPENhcmRDb250ZW50PlxuICAgICAgICA8Qm94IGRhdGEtdGVzdGlkPVwicmVhZG1lXCIgc3g9e3sgbTogMiB9fT5cbiAgICAgICAgICA8V3JhcHBlclxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgbWFya2Rvd24tYm9keSAke2lzRGFya01vZGUgPyAnbWFya2Rvd24tZGFyaycgOiAnbWFya2Rvd24tbGlnaHQnfWB9XG4gICAgICAgICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IHBhcnNlUmVhZG1lKGRlc2NyaXB0aW9uKSBhcyBzdHJpbmcgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ2FyZENvbnRlbnQ+XG4gICAgPC9DYXJkPlxuICApO1xufTtcbmV4cG9ydCBkZWZhdWx0IFJlYWRtZTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnZGl2Jykoe1xuICB1bDoge1xuICAgIGxpc3RTdHlsZTogJ2Rpc2MnLFxuICB9LFxuICBpbWc6IHtcbiAgICBtYXhXaWR0aDogJzEwMCUnLFxuICB9LFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 //# sourceMappingURL=Readme.js.map

package/build/components/Readme/Readme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Readme.js","names":["require","_react","_interopRequireDefault","_utils","obj","__esModule","default","Readme","description","createElement","Wrapper","className","dangerouslySetInnerHTML","__html","parseReadme","_default","exports","_base","process","env","NODE_ENV","target","label","theme","background","palette","white","color","black","padding","spacing","ul","listStyle","img","maxWidth"],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport 'github-markdown-css';\nimport 'highlight.js/styles/default.css';\nimport React from 'react';\n\nimport { Theme } from '../../Theme';\nimport { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  return (\n    <Wrapper\n      className=\"markdown-body\"\n      dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n    />\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  background: theme?.palette.white,\n  color: theme?.palette.black,\n  padding: theme?.spacing(2, 3),\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n}));\n"],"mappings":";;;;;;;AACAA,OAAA;AACAA,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAAsC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtC,MAAMG,MAAuB,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EACnD,oBACEP,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAACC,OAAO;IACNC,SAAS,EAAC,eAAe;IACzBC,uBAAuB,EAAE;MAAEC,MAAM,EAAE,IAAAC,kBAAW,EAACN,WAAW;IAAY;EAAE,CACzE,CAAC;AAEN,CAAC;AAAC,IAAAO,QAAA,GACaR,MAAM;AAAAS,OAAA,CAAAV,OAAA,GAAAS,QAAA;AAErB,MAAML,OAAO,gBAAG,IAAAO,KAAA,CAAAX,OAAA,EAAO,KAAK,EAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAoB,CAAC;EAAEC;AAAM,CAAC,MAAM;EAC/DC,UAAU,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACC,KAAK;EAChCC,KAAK,EAAEJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACG,KAAK;EAC3BC,OAAO,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;EAC7BC,EAAE,EAAE;IACFC,SAAS,EAAE;EACb,CAAC;EACDC,GAAG,EAAE;IACHC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mzCAAC"}
+{"version":3,"file":"Readme.js","names":["_Box","_interopRequireDefault","require","_Card","_CardContent","_react","_","_utils","e","__esModule","default","_EMOTION_STRINGIFIED_CSS_ERROR__","Readme","description","isDarkMode","useCustomTheme","createElement","sx","mb","m","Wrapper","className","dangerouslySetInnerHTML","__html","parseReadme","_default","exports","_base","process","env","NODE_ENV","target","label","name","styles","map","toString"],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport React from 'react';\n\nimport { useCustomTheme } from '../../';\nimport './github-markdown.css';\nimport { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  // @ts-ignore\n  const { isDarkMode } = useCustomTheme();\n\n  // Stackoverflow theme fits well to Verdaccio dark colors\n  // https://highlightjs.org/examples\n  if (isDarkMode) {\n    require('highlight.js/styles/github-dark.css');\n  } else {\n    require('highlight.js/styles/github.css');\n  }\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className={`markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;AACA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,CAAA,GAAAJ,OAAA;AACAA,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAAsC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,iCAAA;AAEtC,MAAMC,MAAuB,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EACnD;EACA,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,gBAAc,EAAC,CAAC;;EAEvC;EACA;EACA,IAAID,UAAU,EAAE;IACdZ,OAAO,CAAC,qCAAqC,CAAC;EAChD,CAAC,MAAM;IACLA,OAAO,CAAC,gCAAgC,CAAC;EAC3C;EAEA,oBACEG,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACb,KAAA,CAAAO,OAAI;IAACO,EAAE,EAAE;MAAEC,EAAE,EAAE;IAAE;EAAE,gBAClBb,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACZ,YAAA,CAAAM,OAAW,qBACVL,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAAChB,IAAA,CAAAU,OAAG;IAAC,eAAY,QAAQ;IAACO,EAAE,EAAE;MAAEE,CAAC,EAAE;IAAE;EAAE,gBACrCd,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACI,OAAO;IACNC,SAAS,EAAE,iBAAiBP,UAAU,GAAG,eAAe,GAAG,gBAAgB,EAAG;IAC9EQ,uBAAuB,EAAE;MAAEC,MAAM,EAAE,IAAAC,kBAAW,EAACX,WAAW;IAAY;EAAE,CACzE,CACE,CACM,CACT,CAAC;AAEX,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GACaE,MAAM;AAErB,MAAMQ,OAAO,gBAAG,IAAAO,KAAA,CAAAjB,OAAA,EAAO,KAAK,EAAAkB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAzB;AAAA,CAO5B,CAAC","ignoreList":[]}

package/build/components/Readme/Readme.spec.js

@@ -3,7 +3,7 @@
 var _react = _interopRequireDefault(require("react"));
 var _testReactTestingLibrary = require("../../test/test-react-testing-library");
 var _Readme = _interopRequireDefault(require("./Readme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<Readme /> component', () => {
   beforeEach(_testReactTestingLibrary.cleanup);
   test('should load the component in default state', () => {
@@ -18,5 +18,24 @@ describe('<Readme /> component', () => {
     }));
     expect(wrapper.getByText('This is a test string')).toBeInTheDocument();
   });
+  test('should sanitize html', () => {
+    const markdown = `<script>alert('test')</script>`;
+    const wrapper = (0, _testReactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_Readme.default, {
+      description: markdown
+    }));
+    expect(wrapper.queryAllByText('test')).toHaveLength(0);
+  });
+  test('should highlight code', () => {
+    const markdown = `\`\`\`js\nconst test = 1 + 2;\n\`\`\``;
+    const wrapper = (0, _testReactTestingLibrary.render)( /*#__PURE__*/_react.default.createElement(_Readme.default, {
+      description: markdown
+    }));
+    expect(wrapper.getByText('const')).toBeInTheDocument();
+    expect(wrapper.getByText('const')).toHaveClass('hljs-keyword');
+    expect(wrapper.getByText('1')).toBeInTheDocument();
+    expect(wrapper.getByText('1')).toHaveClass('hljs-number');
+    expect(wrapper.getByText('2')).toBeInTheDocument();
+    expect(wrapper.getByText('2')).toHaveClass('hljs-number');
+  });
 });
 //# sourceMappingURL=Readme.spec.js.map

package/build/components/Readme/Readme.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Readme.spec.js","names":["_react","_interopRequireDefault","require","_testReactTestingLibrary","_Readme","obj","__esModule","default","describe","beforeEach","cleanup","test","wrapper","render","createElement","description","expect","toMatchSnapshot","getByText","toBeInTheDocument"],"sources":["../../../src/components/Readme/Readme.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cleanup, render } from '../../test/test-react-testing-library';\nimport Readme from './Readme';\n\ndescribe('<Readme /> component', () => {\n  beforeEach(cleanup);\n\n  test('should load the component in default state', () => {\n    const wrapper = render(<Readme description=\"test\" />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  test('should dangerously set html', () => {\n    const wrapper = render(<Readme description=\"<h1>This is a test string</h1>\" />);\n    expect(wrapper.getByText('This is a test string')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9BG,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACrCC,UAAU,CAACC,gCAAO,CAAC;EAEnBC,IAAI,CAAC,4CAA4C,EAAE,MAAM;IACvD,MAAMC,OAAO,GAAG,IAAAC,+BAAM,gBAACb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,OAAA,CAAAG,OAAM;MAACQ,WAAW,EAAC;IAAM,CAAE,CAAC,CAAC;IACrDC,MAAM,CAACJ,OAAO,CAAC,CAACK,eAAe,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFN,IAAI,CAAC,6BAA6B,EAAE,MAAM;IACxC,MAAMC,OAAO,GAAG,IAAAC,+BAAM,gBAACb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,OAAA,CAAAG,OAAM;MAACQ,WAAW,EAAC;IAAgC,CAAE,CAAC,CAAC;IAC/EC,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC;EACxE,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Readme.spec.js","names":["_react","_interopRequireDefault","require","_testReactTestingLibrary","_Readme","e","__esModule","default","describe","beforeEach","cleanup","test","wrapper","render","createElement","description","expect","toMatchSnapshot","getByText","toBeInTheDocument","markdown","queryAllByText","toHaveLength","toHaveClass"],"sources":["../../../src/components/Readme/Readme.spec.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cleanup, render } from '../../test/test-react-testing-library';\nimport Readme from './Readme';\n\ndescribe('<Readme /> component', () => {\n  beforeEach(cleanup);\n\n  test('should load the component in default state', () => {\n    const wrapper = render(<Readme description=\"test\" />);\n    expect(wrapper).toMatchSnapshot();\n  });\n\n  test('should dangerously set html', () => {\n    const wrapper = render(<Readme description=\"<h1>This is a test string</h1>\" />);\n    expect(wrapper.getByText('This is a test string')).toBeInTheDocument();\n  });\n\n  test('should sanitize html', () => {\n    const markdown = `<script>alert('test')</script>`;\n    const wrapper = render(<Readme description={markdown} />);\n    expect(wrapper.queryAllByText('test')).toHaveLength(0);\n  });\n\n  test('should highlight code', () => {\n    const markdown = `\\`\\`\\`js\\nconst test = 1 + 2;\\n\\`\\`\\``;\n    const wrapper = render(<Readme description={markdown} />);\n    expect(wrapper.getByText('const')).toBeInTheDocument();\n    expect(wrapper.getByText('const')).toHaveClass('hljs-keyword');\n    expect(wrapper.getByText('1')).toBeInTheDocument();\n    expect(wrapper.getByText('1')).toHaveClass('hljs-number');\n    expect(wrapper.getByText('2')).toBeInTheDocument();\n    expect(wrapper.getByText('2')).toHaveClass('hljs-number');\n  });\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9BG,QAAQ,CAAC,sBAAsB,EAAE,MAAM;EACrCC,UAAU,CAACC,gCAAO,CAAC;EAEnBC,IAAI,CAAC,4CAA4C,EAAE,MAAM;IACvD,MAAMC,OAAO,GAAG,IAAAC,+BAAM,gBAACb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,OAAA,CAAAG,OAAM;MAACQ,WAAW,EAAC;IAAM,CAAE,CAAC,CAAC;IACrDC,MAAM,CAACJ,OAAO,CAAC,CAACK,eAAe,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFN,IAAI,CAAC,6BAA6B,EAAE,MAAM;IACxC,MAAMC,OAAO,GAAG,IAAAC,+BAAM,gBAACb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,OAAA,CAAAG,OAAM;MAACQ,WAAW,EAAC;IAAgC,CAAE,CAAC,CAAC;IAC/EC,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC;EACxE,CAAC,CAAC;EAEFR,IAAI,CAAC,sBAAsB,EAAE,MAAM;IACjC,MAAMS,QAAQ,GAAG,gCAAgC;IACjD,MAAMR,OAAO,GAAG,IAAAC,+BAAM,gBAACb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,OAAA,CAAAG,OAAM;MAACQ,WAAW,EAAEK;IAAS,CAAE,CAAC,CAAC;IACzDJ,MAAM,CAACJ,OAAO,CAACS,cAAc,CAAC,MAAM,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC,CAAC;EACxD,CAAC,CAAC;EAEFX,IAAI,CAAC,uBAAuB,EAAE,MAAM;IAClC,MAAMS,QAAQ,GAAG,uCAAuC;IACxD,MAAMR,OAAO,GAAG,IAAAC,+BAAM,gBAACb,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,OAAA,CAAAG,OAAM;MAACQ,WAAW,EAAEK;IAAS,CAAE,CAAC,CAAC;IACzDJ,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC;IACtDH,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,OAAO,CAAC,CAAC,CAACK,WAAW,CAAC,cAAc,CAAC;IAC9DP,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,GAAG,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAClDH,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,GAAG,CAAC,CAAC,CAACK,WAAW,CAAC,aAAa,CAAC;IACzDP,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,GAAG,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAClDH,MAAM,CAACJ,OAAO,CAACM,SAAS,CAAC,GAAG,CAAC,CAAC,CAACK,WAAW,CAAC,aAAa,CAAC;EAC3D,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}