@spokane-folio/security-incident 1.0.28

package/test/jest/__mock__/stripesComponents.mock.js

@@ -0,0 +1,151 @@
+import React from 'react';
+
+jest.mock('@folio/stripes/components', () => ({
+  Badge: jest.fn((props) => (
+    <span>
+      <span>{props.children}</span>
+    </span>
+  )),
+  Button: jest.fn(({ children }) => (
+    <button data-test-button type="button">
+      <span>
+        {children}
+      </span>
+    </button>
+  )),
+  Col: jest.fn(({ children }) => <div className="col">{ children }</div>),
+  Datepicker: jest.fn(({ ref, children, ...rest }) => (
+    <div ref={ref} {...rest}>
+      {children}
+      <input type="text" />
+    </div>
+  )),
+  Headline: jest.fn(({ children }) => <div>{ children }</div>),
+  Icon: jest.fn((props) => (props && props.children ? props.children : <span />)),
+  IconButton: jest.fn(({
+    buttonProps,
+    // eslint-disable-next-line no-unused-vars
+    iconClassName,
+    ...rest
+  }) => (
+    <button type="button" {...buttonProps}>
+      <span {...rest} />
+    </button>
+  )),
+  Label: jest.fn(({ children, ...rest }) => (
+    <span {...rest}>{children}</span>
+  )),
+  // oy, dismissible. we need to pull it out of props so it doesn't
+  // get applied to the div as an attribute, which must have a string-value,
+  // which will shame you in the console:
+  //
+  //     Warning: Received `true` for a non-boolean attribute `dismissible`.
+  //     If you want to write it to the DOM, pass a string instead: dismissible="true" or dismissible={value.toString()}.
+  //         in div (created by mockConstructor)
+  //
+  // is there a better way to throw it away? If we don't destructure and
+  // instead access props.label and props.children, then we get a test
+  // failure that the modal isn't visible. oy, dismissible.
+  Modal: jest.fn(({ children, label, dismissible, closeOnBackgroundClick, ...rest }) => {
+    return (
+      
+      <div
+        data-test={dismissible ? '' : ''}
+        onClick={closeOnBackgroundClick ? jest.fn() : undefined}
+        {...rest}
+      >
+        <h1>{label}</h1>
+        {children}
+      </div>
+    );
+  }),
+  ModalFooter: jest.fn((props) => (
+    <div>{props.children}</div>
+  )),
+  MultiSelection: jest.fn(({ children, dataOptions }) => (
+    <div>
+      <select multiple>
+        {dataOptions.forEach((option, i) => (
+          <option
+            value={option.value}
+            key={option.id || `option-${i}`}
+          >
+            {option.label}
+          </option>
+        ))}
+      </select>
+      {children}
+    </div>
+  )),
+  NavList: jest.fn(({ children, className, ...rest }) => (
+    <div className={className} {...rest}>{children}</div>
+  )),
+  NavListItem: jest.fn(({ children, className, ...rest }) => (
+    <div className={className} {...rest}>{children}</div>
+  )),
+  NavListSection: jest.fn(({ children, className, ...rest }) => (
+    <div className={className} {...rest}>{children}</div>
+  )),
+  Pane: jest.fn(({ children, className, defaultWidth, paneTitle, firstMenu, lastMenu, fluidContentWidth, ...rest }) => {
+    return (
+      <div className={className} {...rest} style={!fluidContentWidth ? { width: '960px' } : { width: defaultWidth }}>
+        <div>
+          {firstMenu ?? null}
+          {paneTitle}
+          {lastMenu ?? null}
+        </div>
+        {children}
+      </div>
+    );
+  }),
+  Paneset: jest.fn(({ children, defaultWidth, ...rest }) => {
+    return (
+      <div {...rest} style={{ width: defaultWidth }}>
+        {children}
+      </div>
+    );
+  }),
+  PaneFooter: jest.fn(({ ref, children, ...rest }) => (
+    <div ref={ref} {...rest}>{children}</div>
+  )),
+  PaneHeader: jest.fn(({ paneTitle, firstMenu, lastMenu }) => (
+    <div>
+      {firstMenu ?? null}
+      {paneTitle}
+      {lastMenu ?? null}
+    </div>
+  )),
+  PaneBackLink: jest.fn(() => <span />),
+  PaneMenu: jest.fn((props) => <div>{props.children}</div>),
+  RadioButton: jest.fn(({ label, name, ...rest }) => (
+    <div>
+      <label htmlFor="male">{label}</label>
+      <input
+        type="radio"
+        name={name}
+        {...rest}
+      />
+    </div>
+  )),
+  RadioButtonGroup: jest.fn(({ label, children, ...rest }) => (
+    <fieldset {...rest}>
+      <legend>{label}</legend>
+      {children}
+    </fieldset>
+  )),
+  Row: jest.fn(({ children }) => <div className="row">{ children }</div>),
+  Select: jest.fn(({ children, dataOptions }) => (
+    <div>
+      <select>
+        {dataOptions.forEach((option, i) => (
+          <option
+            value={option.value}
+            key={option.id || `option-${i}`}
+          >
+            {option.label}
+          </option>))}
+      </select>
+      {children}
+    </div>
+  )),
+}));

package/test/jest/__mock__/stripesConfig.mock.js

@@ -0,0 +1 @@
+jest.mock('stripes-config', () => ({ modules: [] }), { virtual: true });

package/test/jest/__mock__/stripesCore.mock.js

@@ -0,0 +1,9 @@
+jest.mock('@folio/stripes/core', () => ({
+  IfInterface: jest.fn(({ name, children }) => {
+    return name === 'interface' ? children : null;
+  }),
+  IfPermission: jest.fn(({ perm, children }) => {
+    return perm === 'permission' ? children : null;
+  }),
+  Pluggable: jest.fn(({ children }) => [children]),
+}));

package/test/jest/__mock__/stripesIcon.mock.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+jest.mock('@folio/stripes-components/lib/Icon', () => {
+  return () => <span>Icon</span>;
+});

package/test/jest/__mock__/stripesSmartComponents.mock.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+jest.mock('@folio/stripes/smart-components', () => ({
+  ViewMetaData: jest.fn(({ metadata, ...rest }) => (
+    <div {...rest}>{metadata.createdDate}</div>
+  )),
+}));

package/test/jest/__mock__/stripesUtils.mock.js

@@ -0,0 +1,3 @@
+jest.mock('@folio/stripes/util', () => ({
+  exportCsv: jest.fn(),
+}));

package/test/jest/eslintrc.js

@@ -0,0 +1,12 @@
+module.exports = {
+  'extends': ['@folio/eslint-config-stripes'],
+  'parser': '@babel/eslint-parser',
+  'overrides': [
+    {
+      'files': ['src/**/tests/*', 'test/**/*'],
+    }
+  ],
+  'env': {
+    'jest': true
+  }
+};

package/test/jest/setupFiles.js

@@ -0,0 +1,5 @@
+// See https://github.com/facebook/jest/issues/335#issuecomment-703691592
+import './__mock__';
+
+import 'regenerator-runtime/runtime';
+global.IS_REACT_ACT_ENVIRONMENT = true; // React 18: enable act() support