creevey 0.9.0-non-webpack.2 → 0.9.0-non-webpack.2.fix-capture-element

package/lib/esm/client/addon/components/Icons.js

@@ -26,6 +26,6 @@ export const ForwardIcon = _ref2 => {
     viewBox: "0 0 512 512"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M460.9,246.8l-209-164.2c-7.8-6.1-19.2-0.6-19.2,9.2v328.4c0,9.8,11.4,15.3,19.2,9.2l209-164.2c5.1-4,6-11.4,2-16.5\r C462.4,248,461.7,247.3,460.9,246.8L460.9,246.8z M228.2,246.8L19.2,82.5C11.4,76.4,0,82,0,91.8v328.4c0,9.8,11.4,15.3,19.2,9.2\r l209-164.2c3-2.3,4.5-5.8,4.5-9.2C232.7,252.6,231.2,249.1,228.2,246.8z M507.3,64h-37.2c-2.5,0-4.7,2-4.7,4.4v375.3\r c0,2.4,2.1,4.4,4.7,4.4h37.2c2.5,0,4.7-2,4.7-4.4V68.4C512,66,509.9,64,507.3,64z"
+    d: "M460.9,246.8l-209-164.2c-7.8-6.1-19.2-0.6-19.2,9.2v328.4c0,9.8,11.4,15.3,19.2,9.2l209-164.2c5.1-4,6-11.4,2-16.5 C462.4,248,461.7,247.3,460.9,246.8L460.9,246.8z M228.2,246.8L19.2,82.5C11.4,76.4,0,82,0,91.8v328.4c0,9.8,11.4,15.3,19.2,9.2 l209-164.2c3-2.3,4.5-5.8,4.5-9.2C232.7,252.6,231.2,249.1,228.2,246.8z M507.3,64h-37.2c-2.5,0-4.7,2-4.7,4.4v375.3 c0,2.4,2.1,4.4,4.7,4.4h37.2c2.5,0,4.7-2,4.7-4.4V68.4C512,66,509.9,64,507.3,64z"
   }));
 };

package/lib/esm/client/addon/withCreevey.js

@@ -1,8 +1,9 @@
 import * as Events from '@storybook/core-events';
 import * as polyfill from 'event-source-polyfill';
-import { buildQueries, within } from '@storybook/testing-library';
+// import { buildQueries, within } from '@storybook/testing-library';
 import { addons, makeDecorator } from '@storybook/addons';
-import { isObject, noop } from '../../types';
+import { // CreeveyStoryParams,
+isObject, noop } from '../../types';
 import { denormalizeStoryParameters, serializeRawStories } from '../../shared';
 import { getConnectionUrl } from '../shared/helpers';
 
@@ -256,53 +257,49 @@ export function withCreevey() {
   window.__CREEVEY_INSERT_IGNORE_STYLES__ = insertIgnoreStyles;
   window.__CREEVEY_REMOVE_IGNORE_STYLES__ = removeIgnoreStyles;
   window.__CREEVEY_HAS_PLAY_COMPLETED_YET__ = hasPlayCompletedYet;
-  window.__CREEVEY_SET_READY_FOR_CAPTURE__ = noop;
+  window.__CREEVEY_SET_READY_FOR_CAPTURE__ = noop; // const queryAllByQuery = (container: HTMLElement, query: string): HTMLElement[] =>
+  //   [...container.querySelectorAll(query)].filter((e) => e instanceof HTMLElement) as HTMLElement[];
+  // const getMultipleError = (_: Element | null, query: string): string => `Found multiple elements by query: ${query}`;
+  // const getMissingError = (_: Element | null, query: string): string => `Unable to find an element by query: ${query}`;
+  // const [queryByQuery, getAllByQuery, getByQuery, findAllByQuery, findByQuery] = buildQueries(
+  //   queryAllByQuery,
+  //   getMultipleError,
+  //   getMissingError,
+  // );
+  // const queries = {
+  //   queryByQuery,
+  //   getAllByQuery,
+  //   getByQuery,
+  //   findAllByQuery,
+  //   findByQuery,
+  // };
 
-  const queryAllByQuery = (container, query) => [...container.querySelectorAll(query)].filter(e => e instanceof HTMLElement);
-
-  const getMultipleError = (_, query) => "Found multiple elements by query: ".concat(query);
-
-  const getMissingError = (_, query) => "Unable to find an element by query: ".concat(query);
-
-  const [queryByQuery, getAllByQuery, getByQuery, findAllByQuery, findByQuery] = buildQueries(queryAllByQuery, getMultipleError, getMissingError);
-  const queries = {
-    queryByQuery,
-    getAllByQuery,
-    getByQuery,
-    findAllByQuery,
-    findByQuery
-  };
   return makeDecorator({
     name: 'withCreevey',
     parameterName: 'creevey',
     wrapper: (getStory, context) => {
-      var _ref2;
-
-      // TODO Define proper types, like captureElement is a promise
-      const {
-        captureElement
-      } = context.parameters.creevey = (_ref2 = context.parameters.creevey) !== null && _ref2 !== void 0 ? _ref2 : {};
-      Object.defineProperty(context.parameters.creevey, 'captureElement', {
-        get() {
-          switch (true) {
-            case captureElement === undefined:
-              return Promise.resolve(context.canvasElement);
-
-            case captureElement === null:
-              return Promise.resolve(document.documentElement);
-
-            case typeof captureElement == 'string':
-              return within(context.canvasElement, queries).findByQuery(captureElement);
-
-            case typeof captureElement == 'function':
-              // TODO Define type for it
-              return Promise.resolve(captureElement(context));
-          }
-        },
-
-        enumerable: true,
-        configurable: true
-      });
+      // // TODO Define proper types, like captureElement is a promise
+      // const { captureElement } = (context.parameters.creevey =
+      //   (context.parameters.creevey as CreeveyStoryParams) ?? {});
+      // Object.defineProperty(context.parameters.creevey, 'captureElement', {
+      //   get() {
+      //     switch (true) {
+      //       case captureElement === undefined:
+      //         return Promise.resolve(context.canvasElement);
+      //       case captureElement === null:
+      //         return Promise.resolve(document.documentElement);
+      //       case typeof captureElement == 'string':
+      //         return within<typeof queries>(context.canvasElement, queries).findByQuery(captureElement as string);
+      //       case typeof captureElement == 'function':
+      //         // TODO Define type for it
+      //         return Promise.resolve(
+      //           (captureElement as unknown as (ctx: typeof context) => Promise<HTMLElement> | HTMLElement)(context),
+      //         );
+      //     }
+      //   },
+      //   enumerable: true,
+      //   configurable: true,
+      // });
       return getStory(context);
     }
   });

package/lib/esm/client/shared/helpers.js

@@ -269,10 +269,10 @@ export function useLoadImages(s1, s2, s3) {
   }, [s1, s2, s3]);
   return loaded;
 }
-/**
- * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
- *
- * @returns dimensions of element's content box (which means without paddings and border width)
+/**
+ * Uses the ResizeObserver API to observe changes within the given HTML Element DOM Rect.
+ *
+ * @returns dimensions of element's content box (which means without paddings and border width)
  */
 
 export function useResizeObserver(elementRef, onResize) {

package/package.json

@@ -13,7 +13,7 @@
     "addon",
     "test"
   ],
-  "version": "0.9.0-non-webpack.2",
+  "version": "0.9.0-non-webpack.2.fix-capture-element",
   "bin": {
     "creevey": "./lib/cjs/cli.js"
   },

package/types/babel__register.d.ts

@@ -1 +1 @@
-declare module '@babel/register';
+declare module '@babel/register';

package/types/chai.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="chai" />
-declare namespace Chai {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  interface ChaiStatic {
-    use(fn: (chai: ChaiStatic, utils: ChaiUtils) => void): ChaiStatic;
-  }
-
-  interface Assertion {
-    matchImage: (filename?: string) => Promise<void>;
-    matchImages: () => Promise<void>;
-  }
-}
+/// <reference types="chai" />
+declare namespace Chai {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface ChaiStatic {
+    use(fn: (chai: ChaiStatic, utils: ChaiUtils) => void): ChaiStatic;
+  }
+
+  interface Assertion {
+    matchImage: (filename?: string) => Promise<void>;
+    matchImages: () => Promise<void>;
+  }
+}

package/types/event-source-polyfill.d.ts

@@ -1,6 +1,6 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// NOTE package with typings doesn't exists
-declare module 'event-source-polyfill' {
-  export const NativeEventSource: any;
-  export const EventSourcePolyfill: any;
-}
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// NOTE package with typings doesn't exists
+declare module 'event-source-polyfill' {
+  export const NativeEventSource: any;
+  export const EventSourcePolyfill: any;
+}

package/types/mocha.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="mocha" />
-declare namespace Mocha {
-  interface Context {
-    config: import('creevey').Config;
-    browser: import('selenium-webdriver').WebDriver;
-    until: import('selenium-webdriver/lib/until');
-    keys: import('selenium-webdriver/lib/input').IKey;
-    expect: Chai.ExpectStatic;
-    takeScreenshot: () => Promise<string>;
-    updateStoryArgs: <Args extends Record<string, unknown>>(updatedArgs: Args) => Promise<void>;
-    readonly captureElement?: import('selenium-webdriver').WebElementPromise;
-    browserName: string;
-    testScope: string[];
-    screenshots: { imageName?: string; screenshot: string }[];
-  }
-
-  interface Test {
-    skipReason: string | boolean;
-  }
-}
+/// <reference types="mocha" />
+declare namespace Mocha {
+  interface Context {
+    config: import('creevey').Config;
+    browser: import('selenium-webdriver').WebDriver;
+    until: import('selenium-webdriver/lib/until');
+    keys: import('selenium-webdriver/lib/input').IKey;
+    expect: Chai.ExpectStatic;
+    takeScreenshot: () => Promise<string>;
+    updateStoryArgs: <Args extends Record<string, unknown>>(updatedArgs: Args) => Promise<void>;
+    readonly captureElement?: import('selenium-webdriver').WebElementPromise;
+    browserName: string;
+    testScope: string[];
+    screenshots: { imageName?: string; screenshot: string }[];
+  }
+
+  interface Test {
+    skipReason: string | boolean;
+  }
+}

package/types/png.d.ts

@@ -1,4 +1,4 @@
-declare module '*.png' {
-  const content: string;
-  export default content;
-}
+declare module '*.png' {
+  const content: string;
+  export default content;
+}