Implemented strict mode for the project (broken tests, hundreds of @ts-ignore and new errors are included) [skip ci]

packages/app/components/ui/popup/PopupStack.test.tsx

@@ -0,0 +1,189 @@
+import sinon from 'sinon';
+import expect from 'app/test/unexpected';
+
+import React from 'react';
+
+import { shallow, mount } from 'enzyme';
+
+import PopupStack from 'app/components/ui/popup/PopupStack';
+import styles from 'app/components/ui/popup/popup.scss';
+
+function DummyPopup(_props: Record<string, any>) {
+  return null;
+}
+
+describe('<PopupStack />', () => {
+  it('renders all popup components', () => {
+    const props = {
+      destroy: () => {},
+      popups: [
+        {
+          Popup: DummyPopup,
+        },
+        {
+          Popup: DummyPopup,
+        },
+      ],
+    };
+    const component = shallow(<PopupStack {...props} />);
+
+    expect(component.find(DummyPopup), 'to satisfy', { length: 2 });
+  });
+
+  it('should pass onClose as props', () => {
+    const expectedProps = {
+      foo: 'bar',
+    };
+
+    const props = {
+      destroy: () => {},
+      popups: [
+        {
+          Popup: (props = { onClose: Function }) => {
+            // eslint-disable-next-line
+            expect(props.onClose, 'to be a', 'function');
+
+            return <DummyPopup {...expectedProps} />;
+          },
+        },
+      ],
+    };
+    const component = mount(<PopupStack {...props} />);
+
+    const popup = component.find(DummyPopup);
+    expect(popup, 'to satisfy', { length: 1 });
+    expect(popup.props(), 'to equal', expectedProps);
+  });
+
+  it('should hide popup, when onClose called', () => {
+    const props = {
+      popups: [
+        {
+          Popup: DummyPopup,
+        },
+        {
+          Popup: DummyPopup,
+        },
+      ],
+      destroy: sinon.stub().named('props.destroy'),
+    };
+    const component = shallow(<PopupStack {...props} />);
+
+    component
+      .find(DummyPopup)
+      .last()
+      .prop('onClose')();
+
+    expect(props.destroy, 'was called once');
+    expect(props.destroy, 'to have a call satisfying', [
+      expect.it('to be', props.popups[1]),
+    ]);
+  });
+
+  it('should hide popup, when overlay clicked', () => {
+    const preventDefault = sinon.stub().named('event.preventDefault');
+    const props = {
+      destroy: sinon.stub().named('props.destroy'),
+      popups: [
+        {
+          Popup: DummyPopup,
+        },
+      ],
+    };
+    const component = shallow(<PopupStack {...props} />);
+
+    const overlay = component.find(`.${styles.overlay}`);
+    overlay.simulate('click', { target: 1, currentTarget: 1, preventDefault });
+
+    expect(props.destroy, 'was called once');
+    expect(preventDefault, 'was called once');
+  });
+
+  it('should hide popup on overlay click if disableOverlayClose', () => {
+    const props = {
+      destroy: sinon.stub().named('props.destroy'),
+      popups: [
+        {
+          Popup: DummyPopup,
+          disableOverlayClose: true,
+        },
+      ],
+    };
+    const component = shallow(<PopupStack {...props} />);
+
+    const overlay = component.find(`.${styles.overlay}`);
+    overlay.simulate('click', {
+      target: 1,
+      currentTarget: 1,
+      preventDefault() {},
+    });
+
+    expect(props.destroy, 'was not called');
+  });
+
+  it('should hide popup, when esc pressed', () => {
+    const props = {
+      destroy: sinon.stub().named('props.destroy'),
+      popups: [
+        {
+          Popup: DummyPopup,
+        },
+      ],
+    };
+    mount(<PopupStack {...props} />);
+
+    const event = new Event('keyup');
+    // @ts-ignore
+    event.which = 27;
+    document.dispatchEvent(event);
+
+    expect(props.destroy, 'was called once');
+  });
+
+  it('should hide first popup in stack if esc pressed', () => {
+    const props = {
+      destroy: sinon.stub().named('props.destroy'),
+      popups: [
+        {
+          Popup() {
+            return null;
+          },
+        },
+        {
+          Popup: DummyPopup,
+        },
+      ],
+    };
+    mount(<PopupStack {...props} />);
+
+    const event = new Event('keyup');
+    // @ts-ignore
+    event.which = 27;
+    document.dispatchEvent(event);
+
+    expect(props.destroy, 'was called once');
+    expect(props.destroy, 'to have a call satisfying', [
+      expect.it('to be', props.popups[1]),
+    ]);
+  });
+
+  it('should NOT hide popup on esc pressed if disableOverlayClose', () => {
+    const props = {
+      destroy: sinon.stub().named('props.destroy'),
+      popups: [
+        {
+          Popup: DummyPopup,
+          disableOverlayClose: true,
+        },
+      ],
+    };
+    mount(<PopupStack {...props} />);
+
+    const event = new Event('keyup');
+    // @ts-ignore
+    event.which = 27;
+    document.dispatchEvent(event);
+
+    expect(props.destroy, 'was not called');
+  });
+});