creevey 0.9.0-beta.4 → 0.9.0-beta.5

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+# [0.9.0-beta.5](https://github.com/wKich/creevey/compare/v0.9.0-beta.4...v0.9.0-beta.5) (2023-04-14)
+
 # [0.9.0-beta.4](https://github.com/wKich/creevey/compare/v0.9.0-beta.3...v0.9.0-beta.4) (2023-03-24)
 
 # [0.9.0-beta.3](https://github.com/wKich/creevey/compare/v0.8.0...v0.9.0-beta.3) (2023-03-24)

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

@@ -10,8 +10,6 @@ var Events = _interopRequireWildcard(require("@storybook/core-events"));
 
 var polyfill = _interopRequireWildcard(require("event-source-polyfill"));
 
-var _testingLibrary = require("@storybook/testing-library");
-
 var _addons = require("@storybook/addons");
 
 var _types = require("../../types");
@@ -20,12 +18,12 @@ var _shared = require("../../shared");
 
 var _helpers = require("../shared/helpers");
 
-var _utils = require("./utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+// import { buildQueries, within } from '@storybook/testing-library';
+// import { isInternetExplorer } from './utils';
 if (typeof process != 'object' || typeof process.version != 'string') {
   // NOTE If you don't use babel-polyfill or any other polyfills that add EventSource for IE11
   // You don't get hot reload in IE11. So put polyfill for that to better UX
@@ -279,22 +277,23 @@ 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__ = _types.noop;
-
-  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);
+  window.__CREEVEY_SET_READY_FOR_CAPTURE__ = _types.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 [queryByQuery, getAllByQuery, getByQuery, findAllByQuery, findByQuery] = (0, _testingLibrary.buildQueries)(queryAllByQuery, getMultipleError, getMissingError);
-  const queries = {
-    queryByQuery,
-    getAllByQuery,
-    getByQuery,
-    findAllByQuery,
-    findByQuery
-  };
   return (0, _addons.makeDecorator)({
     name: 'withCreevey',
     parameterName: 'creevey',
@@ -315,8 +314,10 @@ function withCreevey() {
               return Promise.resolve(document.documentElement);
 
             case typeof captureElement == 'string':
-              return _utils.isInternetExplorer // some code from testing-library makes IE hang
-              ? Promise.resolve(context.canvasElement.querySelector(captureElement)) : (0, _testingLibrary.within)(context.canvasElement, queries).findByQuery(captureElement);
+              return Promise.resolve(context.canvasElement.querySelector(captureElement));
+            // return isInternetExplorer // some code from testing-library makes IE hang
+            //   ? Promise.resolve(context.canvasElement.querySelector(captureElement as string))
+            //   : within<typeof queries>(context.canvasElement, queries).findByQuery(captureElement as string);
 
             case typeof captureElement == 'function':
               // TODO Define type for it

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

@@ -1,11 +1,10 @@
 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 { denormalizeStoryParameters, serializeRawStories } from '../../shared';
-import { getConnectionUrl } from '../shared/helpers';
-import { isInternetExplorer } from './utils';
+import { getConnectionUrl } from '../shared/helpers'; // import { isInternetExplorer } from './utils';
 
 if (typeof process != 'object' || typeof process.version != 'string') {
   // NOTE If you don't use babel-polyfill or any other polyfills that add EventSource for IE11
@@ -253,22 +252,23 @@ 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',
@@ -289,8 +289,10 @@ export function withCreevey() {
               return Promise.resolve(document.documentElement);
 
             case typeof captureElement == 'string':
-              return isInternetExplorer // some code from testing-library makes IE hang
-              ? Promise.resolve(context.canvasElement.querySelector(captureElement)) : within(context.canvasElement, queries).findByQuery(captureElement);
+              return Promise.resolve(context.canvasElement.querySelector(captureElement));
+            // return isInternetExplorer // some code from testing-library makes IE hang
+            //   ? Promise.resolve(context.canvasElement.querySelector(captureElement as string))
+            //   : within<typeof queries>(context.canvasElement, queries).findByQuery(captureElement as string);
 
             case typeof captureElement == 'function':
               // TODO Define type for it

package/lib/types/index.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="../../types/chai" />
 export * from './types';
+export { loadStories as browserStoriesProvider } from './server/storybook/providers/browser';
+export { loadStories as nodejsStoriesProvider } from './server/storybook/providers/nodejs';
+export { loadStories as hybridStoriesProvider } from './server/storybook/providers/hybrid';
+export * from './server/testsFiles/parser';

package/package.json

@@ -13,7 +13,7 @@
     "addon",
     "test"
   ],
-  "version": "0.9.0-beta.4",
+  "version": "0.9.0-beta.5",
   "bin": {
     "creevey": "./lib/cjs/cli.js"
   },