877 lines
29 KiB
JavaScript
877 lines
29 KiB
JavaScript
|
|
||
|
/**
|
||
|
* @cypress/react v0.0.0-development
|
||
|
* (c) 2023 Cypress.io
|
||
|
* Released under the MIT License
|
||
|
*/
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
var React = require('react');
|
||
|
var ReactDOM = require('react-dom');
|
||
|
|
||
|
function _interopNamespaceDefault(e) {
|
||
|
var n = Object.create(null);
|
||
|
if (e) {
|
||
|
Object.keys(e).forEach(function (k) {
|
||
|
if (k !== 'default') {
|
||
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
||
|
Object.defineProperty(n, k, d.get ? d : {
|
||
|
enumerable: true,
|
||
|
get: function () { return e[k]; }
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
n.default = e;
|
||
|
return Object.freeze(n);
|
||
|
}
|
||
|
|
||
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
||
|
|
||
|
/**
|
||
|
* Gets the display name of the component when possible.
|
||
|
* @param type {JSX} The type object returned from creating the react element.
|
||
|
* @param fallbackName {string} The alias, or fallback name to use when the name cannot be derived.
|
||
|
* @link https://github.com/facebook/react-devtools/blob/master/backend/getDisplayName.js
|
||
|
*/
|
||
|
function getDisplayName(node, fallbackName = 'Unknown') {
|
||
|
const type = node === null || node === void 0 ? void 0 : node.type;
|
||
|
if (!type) {
|
||
|
return fallbackName;
|
||
|
}
|
||
|
let displayName = null;
|
||
|
// The displayName property is not guaranteed to be a string.
|
||
|
// It's only safe to use for our purposes if it's a string.
|
||
|
// github.com/facebook/react-devtools/issues/803
|
||
|
if (typeof type.displayName === 'string') {
|
||
|
displayName = type.displayName;
|
||
|
}
|
||
|
if (!displayName) {
|
||
|
displayName = type.name || fallbackName;
|
||
|
}
|
||
|
// Facebook-specific hack to turn "Image [from Image.react]" into just "Image".
|
||
|
// We need displayName with module name for error reports but it clutters the DevTools.
|
||
|
const match = displayName.match(/^(.*) \[from (.*)\]$/);
|
||
|
if (match) {
|
||
|
const componentName = match[1];
|
||
|
const moduleName = match[2];
|
||
|
if (componentName && moduleName) {
|
||
|
if (moduleName === componentName ||
|
||
|
moduleName.startsWith(`${componentName}.`)) {
|
||
|
displayName = componentName;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return displayName;
|
||
|
}
|
||
|
|
||
|
const ROOT_SELECTOR = '[data-cy-root]';
|
||
|
/**
|
||
|
* Gets the root element used to mount the component.
|
||
|
* @returns {HTMLElement} The root element
|
||
|
* @throws {Error} If the root element is not found
|
||
|
*/
|
||
|
const getContainerEl = () => {
|
||
|
const el = document.querySelector(ROOT_SELECTOR);
|
||
|
if (el) {
|
||
|
return el;
|
||
|
}
|
||
|
throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`);
|
||
|
};
|
||
|
function checkForRemovedStyleOptions(mountingOptions) {
|
||
|
for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets']) {
|
||
|
if (mountingOptions[key]) {
|
||
|
Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
/**
|
||
|
* Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
|
||
|
* @param optionalCallback Callback to be called before the next test runs
|
||
|
*/
|
||
|
function setupHooks(optionalCallback) {
|
||
|
// We don't want CT side effects to run when e2e
|
||
|
// testing so we early return.
|
||
|
// System test to verify CT side effects do not pollute e2e: system-tests/test/e2e_with_mount_import_spec.ts
|
||
|
if (Cypress.testingType !== 'component') {
|
||
|
return;
|
||
|
}
|
||
|
// When running component specs, we cannot allow "cy.visit"
|
||
|
// because it will wipe out our preparation work, and does not make much sense
|
||
|
// thus we overwrite "cy.visit" to throw an error
|
||
|
Cypress.Commands.overwrite('visit', () => {
|
||
|
throw new Error('cy.visit from a component spec is not allowed');
|
||
|
});
|
||
|
Cypress.Commands.overwrite('session', () => {
|
||
|
throw new Error('cy.session from a component spec is not allowed');
|
||
|
});
|
||
|
Cypress.Commands.overwrite('origin', () => {
|
||
|
throw new Error('cy.origin from a component spec is not allowed');
|
||
|
});
|
||
|
// @ts-ignore
|
||
|
Cypress.on('test:before:run', () => {
|
||
|
optionalCallback === null || optionalCallback === void 0 ? void 0 : optionalCallback();
|
||
|
});
|
||
|
}
|
||
|
|
||
|
let mountCleanup;
|
||
|
/**
|
||
|
* Create an `mount` function. Performs all the non-React-version specific
|
||
|
* behavior related to mounting. The React-version-specific code
|
||
|
* is injected. This helps us to maintain a consistent public API
|
||
|
* and handle breaking changes in React's rendering API.
|
||
|
*
|
||
|
* This is designed to be consumed by `npm/react{16,17,18}`, and other React adapters,
|
||
|
* or people writing adapters for third-party, custom adapters.
|
||
|
*/
|
||
|
const makeMountFn = (type, jsx, options = {}, rerenderKey, internalMountOptions) => {
|
||
|
if (!internalMountOptions) {
|
||
|
throw Error('internalMountOptions must be provided with `render` and `reactDom` parameters');
|
||
|
}
|
||
|
// @ts-expect-error - this is removed but we want to check if a user is passing it, and error if they are.
|
||
|
if (options.alias) {
|
||
|
// @ts-expect-error
|
||
|
Cypress.utils.throwErrByPath('mount.alias', options.alias);
|
||
|
}
|
||
|
checkForRemovedStyleOptions(options);
|
||
|
mountCleanup = internalMountOptions.cleanup;
|
||
|
return cy
|
||
|
.then(() => {
|
||
|
var _a, _b, _c;
|
||
|
const reactDomToUse = internalMountOptions.reactDom;
|
||
|
const el = getContainerEl();
|
||
|
if (!el) {
|
||
|
throw new Error([
|
||
|
`[@cypress/react] 🔥 Hmm, cannot find root element to mount the component. Searched for ${ROOT_SELECTOR}`,
|
||
|
].join(' '));
|
||
|
}
|
||
|
const key = rerenderKey !== null && rerenderKey !== void 0 ? rerenderKey :
|
||
|
// @ts-ignore provide unique key to the the wrapped component to make sure we are rerendering between tests
|
||
|
(((_c = (_b = (_a = Cypress === null || Cypress === void 0 ? void 0 : Cypress.mocha) === null || _a === void 0 ? void 0 : _a.getRunner()) === null || _b === void 0 ? void 0 : _b.test) === null || _c === void 0 ? void 0 : _c.title) || '') + Math.random();
|
||
|
const props = {
|
||
|
key,
|
||
|
};
|
||
|
const reactComponent = React__namespace.createElement(options.strict ? React__namespace.StrictMode : React__namespace.Fragment, props, jsx);
|
||
|
// since we always surround the component with a fragment
|
||
|
// let's get back the original component
|
||
|
const userComponent = reactComponent.props.children;
|
||
|
internalMountOptions.render(reactComponent, el, reactDomToUse);
|
||
|
return (cy.wrap(userComponent, { log: false })
|
||
|
.then(() => {
|
||
|
return cy.wrap({
|
||
|
component: userComponent,
|
||
|
rerender: (newComponent) => makeMountFn('rerender', newComponent, options, key, internalMountOptions),
|
||
|
unmount: () => {
|
||
|
// @ts-expect-error - undocumented API
|
||
|
Cypress.utils.throwErrByPath('mount.unmount');
|
||
|
},
|
||
|
}, { log: false });
|
||
|
})
|
||
|
// by waiting, we delaying test execution for the next tick of event loop
|
||
|
// and letting hooks and component lifecycle methods to execute mount
|
||
|
// https://github.com/bahmutov/cypress-react-unit-test/issues/200
|
||
|
.wait(0, { log: false })
|
||
|
.then(() => {
|
||
|
if (options.log !== false) {
|
||
|
// Get the display name property via the component constructor
|
||
|
// @ts-ignore FIXME
|
||
|
const componentName = getDisplayName(jsx);
|
||
|
const jsxComponentName = `<${componentName} ... />`;
|
||
|
Cypress.log({
|
||
|
name: type,
|
||
|
type: 'parent',
|
||
|
message: [jsxComponentName],
|
||
|
// @ts-ignore
|
||
|
$el: el.children.item(0),
|
||
|
consoleProps: () => {
|
||
|
return {
|
||
|
// @ts-ignore protect the use of jsx functional components use ReactNode
|
||
|
props: jsx === null || jsx === void 0 ? void 0 : jsx.props,
|
||
|
description: type === 'mount' ? 'Mounts React component' : 'Rerenders mounted React component',
|
||
|
home: 'https://github.com/cypress-io/cypress',
|
||
|
};
|
||
|
},
|
||
|
});
|
||
|
}
|
||
|
}));
|
||
|
// Bluebird types are terrible. I don't think the return type can be carried without this cast
|
||
|
});
|
||
|
};
|
||
|
/**
|
||
|
* Create an `unmount` function. Performs all the non-React-version specific
|
||
|
* behavior related to unmounting.
|
||
|
*
|
||
|
* This is designed to be consumed by `npm/react{16,17,18}`, and other React adapters,
|
||
|
* or people writing adapters for third-party, custom adapters.
|
||
|
*
|
||
|
* @param {UnmountArgs} options used during unmounting
|
||
|
*/
|
||
|
const makeUnmountFn = (options) => {
|
||
|
return cy.then(() => {
|
||
|
var _a;
|
||
|
const wasUnmounted = mountCleanup === null || mountCleanup === void 0 ? void 0 : mountCleanup();
|
||
|
if (wasUnmounted && options.log) {
|
||
|
Cypress.log({
|
||
|
name: 'unmount',
|
||
|
type: 'parent',
|
||
|
message: [(_a = options.boundComponentMessage) !== null && _a !== void 0 ? _a : 'Unmounted component'],
|
||
|
consoleProps: () => {
|
||
|
return {
|
||
|
description: 'Unmounts React component',
|
||
|
parent: getContainerEl().parentNode,
|
||
|
home: 'https://github.com/cypress-io/cypress',
|
||
|
};
|
||
|
},
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
// Cleanup before each run
|
||
|
// NOTE: we cannot use unmount here because
|
||
|
// we are not in the context of a test
|
||
|
const preMountCleanup = () => {
|
||
|
mountCleanup === null || mountCleanup === void 0 ? void 0 : mountCleanup();
|
||
|
};
|
||
|
const _mount = (jsx, options = {}) => makeMountFn('mount', jsx, options);
|
||
|
const createMount = (defaultOptions) => {
|
||
|
return (element, options) => {
|
||
|
return _mount(element, Object.assign(Object.assign({}, defaultOptions), options));
|
||
|
};
|
||
|
};
|
||
|
// Side effects from "import { mount } from '@cypress/<my-framework>'" are annoying, we should avoid doing this
|
||
|
// by creating an explicit function/import that the user can register in their 'component.js' support file,
|
||
|
// such as:
|
||
|
// import 'cypress/<my-framework>/support'
|
||
|
// or
|
||
|
// import { registerCT } from 'cypress/<my-framework>'
|
||
|
// registerCT()
|
||
|
// Note: This would be a breaking change
|
||
|
// it is required to unmount component in beforeEach hook in order to provide a clean state inside test
|
||
|
// because `mount` can be called after some preparation that can side effect unmount
|
||
|
// @see npm/react/cypress/component/advanced/set-timeout-example/loading-indicator-spec.js
|
||
|
setupHooks(preMountCleanup);
|
||
|
|
||
|
const debug = (
|
||
|
typeof process === 'object' &&
|
||
|
process.env &&
|
||
|
process.env.NODE_DEBUG &&
|
||
|
/\bsemver\b/i.test(process.env.NODE_DEBUG)
|
||
|
) ? (...args) => console.error('SEMVER', ...args)
|
||
|
: () => {};
|
||
|
|
||
|
var debug_1 = debug;
|
||
|
|
||
|
// Note: this is the semver.org version of the spec that it implements
|
||
|
// Not necessarily the package version of this code.
|
||
|
const SEMVER_SPEC_VERSION = '2.0.0';
|
||
|
|
||
|
const MAX_LENGTH$1 = 256;
|
||
|
const MAX_SAFE_INTEGER$1 = Number.MAX_SAFE_INTEGER ||
|
||
|
/* istanbul ignore next */ 9007199254740991;
|
||
|
|
||
|
// Max safe segment length for coercion.
|
||
|
const MAX_SAFE_COMPONENT_LENGTH = 16;
|
||
|
|
||
|
var constants = {
|
||
|
SEMVER_SPEC_VERSION,
|
||
|
MAX_LENGTH: MAX_LENGTH$1,
|
||
|
MAX_SAFE_INTEGER: MAX_SAFE_INTEGER$1,
|
||
|
MAX_SAFE_COMPONENT_LENGTH,
|
||
|
};
|
||
|
|
||
|
function createCommonjsModule(fn) {
|
||
|
var module = { exports: {} };
|
||
|
return fn(module, module.exports), module.exports;
|
||
|
}
|
||
|
|
||
|
var re_1 = createCommonjsModule(function (module, exports) {
|
||
|
const { MAX_SAFE_COMPONENT_LENGTH } = constants;
|
||
|
|
||
|
exports = module.exports = {};
|
||
|
|
||
|
// The actual regexps go on exports.re
|
||
|
const re = exports.re = [];
|
||
|
const src = exports.src = [];
|
||
|
const t = exports.t = {};
|
||
|
let R = 0;
|
||
|
|
||
|
const createToken = (name, value, isGlobal) => {
|
||
|
const index = R++;
|
||
|
debug_1(name, index, value);
|
||
|
t[name] = index;
|
||
|
src[index] = value;
|
||
|
re[index] = new RegExp(value, isGlobal ? 'g' : undefined);
|
||
|
};
|
||
|
|
||
|
// The following Regular Expressions can be used for tokenizing,
|
||
|
// validating, and parsing SemVer version strings.
|
||
|
|
||
|
// ## Numeric Identifier
|
||
|
// A single `0`, or a non-zero digit followed by zero or more digits.
|
||
|
|
||
|
createToken('NUMERICIDENTIFIER', '0|[1-9]\\d*');
|
||
|
createToken('NUMERICIDENTIFIERLOOSE', '[0-9]+');
|
||
|
|
||
|
// ## Non-numeric Identifier
|
||
|
// Zero or more digits, followed by a letter or hyphen, and then zero or
|
||
|
// more letters, digits, or hyphens.
|
||
|
|
||
|
createToken('NONNUMERICIDENTIFIER', '\\d*[a-zA-Z-][a-zA-Z0-9-]*');
|
||
|
|
||
|
// ## Main Version
|
||
|
// Three dot-separated numeric identifiers.
|
||
|
|
||
|
createToken('MAINVERSION', `(${src[t.NUMERICIDENTIFIER]})\\.` +
|
||
|
`(${src[t.NUMERICIDENTIFIER]})\\.` +
|
||
|
`(${src[t.NUMERICIDENTIFIER]})`);
|
||
|
|
||
|
createToken('MAINVERSIONLOOSE', `(${src[t.NUMERICIDENTIFIERLOOSE]})\\.` +
|
||
|
`(${src[t.NUMERICIDENTIFIERLOOSE]})\\.` +
|
||
|
`(${src[t.NUMERICIDENTIFIERLOOSE]})`);
|
||
|
|
||
|
// ## Pre-release Version Identifier
|
||
|
// A numeric identifier, or a non-numeric identifier.
|
||
|
|
||
|
createToken('PRERELEASEIDENTIFIER', `(?:${src[t.NUMERICIDENTIFIER]
|
||
|
}|${src[t.NONNUMERICIDENTIFIER]})`);
|
||
|
|
||
|
createToken('PRERELEASEIDENTIFIERLOOSE', `(?:${src[t.NUMERICIDENTIFIERLOOSE]
|
||
|
}|${src[t.NONNUMERICIDENTIFIER]})`);
|
||
|
|
||
|
// ## Pre-release Version
|
||
|
// Hyphen, followed by one or more dot-separated pre-release version
|
||
|
// identifiers.
|
||
|
|
||
|
createToken('PRERELEASE', `(?:-(${src[t.PRERELEASEIDENTIFIER]
|
||
|
}(?:\\.${src[t.PRERELEASEIDENTIFIER]})*))`);
|
||
|
|
||
|
createToken('PRERELEASELOOSE', `(?:-?(${src[t.PRERELEASEIDENTIFIERLOOSE]
|
||
|
}(?:\\.${src[t.PRERELEASEIDENTIFIERLOOSE]})*))`);
|
||
|
|
||
|
// ## Build Metadata Identifier
|
||
|
// Any combination of digits, letters, or hyphens.
|
||
|
|
||
|
createToken('BUILDIDENTIFIER', '[0-9A-Za-z-]+');
|
||
|
|
||
|
// ## Build Metadata
|
||
|
// Plus sign, followed by one or more period-separated build metadata
|
||
|
// identifiers.
|
||
|
|
||
|
createToken('BUILD', `(?:\\+(${src[t.BUILDIDENTIFIER]
|
||
|
}(?:\\.${src[t.BUILDIDENTIFIER]})*))`);
|
||
|
|
||
|
// ## Full Version String
|
||
|
// A main version, followed optionally by a pre-release version and
|
||
|
// build metadata.
|
||
|
|
||
|
// Note that the only major, minor, patch, and pre-release sections of
|
||
|
// the version string are capturing groups. The build metadata is not a
|
||
|
// capturing group, because it should not ever be used in version
|
||
|
// comparison.
|
||
|
|
||
|
createToken('FULLPLAIN', `v?${src[t.MAINVERSION]
|
||
|
}${src[t.PRERELEASE]}?${
|
||
|
src[t.BUILD]}?`);
|
||
|
|
||
|
createToken('FULL', `^${src[t.FULLPLAIN]}$`);
|
||
|
|
||
|
// like full, but allows v1.2.3 and =1.2.3, which people do sometimes.
|
||
|
// also, 1.0.0alpha1 (prerelease without the hyphen) which is pretty
|
||
|
// common in the npm registry.
|
||
|
createToken('LOOSEPLAIN', `[v=\\s]*${src[t.MAINVERSIONLOOSE]
|
||
|
}${src[t.PRERELEASELOOSE]}?${
|
||
|
src[t.BUILD]}?`);
|
||
|
|
||
|
createToken('LOOSE', `^${src[t.LOOSEPLAIN]}$`);
|
||
|
|
||
|
createToken('GTLT', '((?:<|>)?=?)');
|
||
|
|
||
|
// Something like "2.*" or "1.2.x".
|
||
|
// Note that "x.x" is a valid xRange identifer, meaning "any version"
|
||
|
// Only the first item is strictly required.
|
||
|
createToken('XRANGEIDENTIFIERLOOSE', `${src[t.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`);
|
||
|
createToken('XRANGEIDENTIFIER', `${src[t.NUMERICIDENTIFIER]}|x|X|\\*`);
|
||
|
|
||
|
createToken('XRANGEPLAIN', `[v=\\s]*(${src[t.XRANGEIDENTIFIER]})` +
|
||
|
`(?:\\.(${src[t.XRANGEIDENTIFIER]})` +
|
||
|
`(?:\\.(${src[t.XRANGEIDENTIFIER]})` +
|
||
|
`(?:${src[t.PRERELEASE]})?${
|
||
|
src[t.BUILD]}?` +
|
||
|
`)?)?`);
|
||
|
|
||
|
createToken('XRANGEPLAINLOOSE', `[v=\\s]*(${src[t.XRANGEIDENTIFIERLOOSE]})` +
|
||
|
`(?:\\.(${src[t.XRANGEIDENTIFIERLOOSE]})` +
|
||
|
`(?:\\.(${src[t.XRANGEIDENTIFIERLOOSE]})` +
|
||
|
`(?:${src[t.PRERELEASELOOSE]})?${
|
||
|
src[t.BUILD]}?` +
|
||
|
`)?)?`);
|
||
|
|
||
|
createToken('XRANGE', `^${src[t.GTLT]}\\s*${src[t.XRANGEPLAIN]}$`);
|
||
|
createToken('XRANGELOOSE', `^${src[t.GTLT]}\\s*${src[t.XRANGEPLAINLOOSE]}$`);
|
||
|
|
||
|
// Coercion.
|
||
|
// Extract anything that could conceivably be a part of a valid semver
|
||
|
createToken('COERCE', `${'(^|[^\\d])' +
|
||
|
'(\\d{1,'}${MAX_SAFE_COMPONENT_LENGTH}})` +
|
||
|
`(?:\\.(\\d{1,${MAX_SAFE_COMPONENT_LENGTH}}))?` +
|
||
|
`(?:\\.(\\d{1,${MAX_SAFE_COMPONENT_LENGTH}}))?` +
|
||
|
`(?:$|[^\\d])`);
|
||
|
createToken('COERCERTL', src[t.COERCE], true);
|
||
|
|
||
|
// Tilde ranges.
|
||
|
// Meaning is "reasonably at or greater than"
|
||
|
createToken('LONETILDE', '(?:~>?)');
|
||
|
|
||
|
createToken('TILDETRIM', `(\\s*)${src[t.LONETILDE]}\\s+`, true);
|
||
|
exports.tildeTrimReplace = '$1~';
|
||
|
|
||
|
createToken('TILDE', `^${src[t.LONETILDE]}${src[t.XRANGEPLAIN]}$`);
|
||
|
createToken('TILDELOOSE', `^${src[t.LONETILDE]}${src[t.XRANGEPLAINLOOSE]}$`);
|
||
|
|
||
|
// Caret ranges.
|
||
|
// Meaning is "at least and backwards compatible with"
|
||
|
createToken('LONECARET', '(?:\\^)');
|
||
|
|
||
|
createToken('CARETTRIM', `(\\s*)${src[t.LONECARET]}\\s+`, true);
|
||
|
exports.caretTrimReplace = '$1^';
|
||
|
|
||
|
createToken('CARET', `^${src[t.LONECARET]}${src[t.XRANGEPLAIN]}$`);
|
||
|
createToken('CARETLOOSE', `^${src[t.LONECARET]}${src[t.XRANGEPLAINLOOSE]}$`);
|
||
|
|
||
|
// A simple gt/lt/eq thing, or just "" to indicate "any version"
|
||
|
createToken('COMPARATORLOOSE', `^${src[t.GTLT]}\\s*(${src[t.LOOSEPLAIN]})$|^$`);
|
||
|
createToken('COMPARATOR', `^${src[t.GTLT]}\\s*(${src[t.FULLPLAIN]})$|^$`);
|
||
|
|
||
|
// An expression to strip any whitespace between the gtlt and the thing
|
||
|
// it modifies, so that `> 1.2.3` ==> `>1.2.3`
|
||
|
createToken('COMPARATORTRIM', `(\\s*)${src[t.GTLT]
|
||
|
}\\s*(${src[t.LOOSEPLAIN]}|${src[t.XRANGEPLAIN]})`, true);
|
||
|
exports.comparatorTrimReplace = '$1$2$3';
|
||
|
|
||
|
// Something like `1.2.3 - 1.2.4`
|
||
|
// Note that these all use the loose form, because they'll be
|
||
|
// checked against either the strict or loose comparator form
|
||
|
// later.
|
||
|
createToken('HYPHENRANGE', `^\\s*(${src[t.XRANGEPLAIN]})` +
|
||
|
`\\s+-\\s+` +
|
||
|
`(${src[t.XRANGEPLAIN]})` +
|
||
|
`\\s*$`);
|
||
|
|
||
|
createToken('HYPHENRANGELOOSE', `^\\s*(${src[t.XRANGEPLAINLOOSE]})` +
|
||
|
`\\s+-\\s+` +
|
||
|
`(${src[t.XRANGEPLAINLOOSE]})` +
|
||
|
`\\s*$`);
|
||
|
|
||
|
// Star ranges basically just allow anything at all.
|
||
|
createToken('STAR', '(<|>)?=?\\s*\\*');
|
||
|
// >=0.0.0 is like a star
|
||
|
createToken('GTE0', '^\\s*>=\\s*0\\.0\\.0\\s*$');
|
||
|
createToken('GTE0PRE', '^\\s*>=\\s*0\\.0\\.0-0\\s*$');
|
||
|
});
|
||
|
|
||
|
// parse out just the options we care about so we always get a consistent
|
||
|
// obj with keys in a consistent order.
|
||
|
const opts = ['includePrerelease', 'loose', 'rtl'];
|
||
|
const parseOptions = options =>
|
||
|
!options ? {}
|
||
|
: typeof options !== 'object' ? { loose: true }
|
||
|
: opts.filter(k => options[k]).reduce((o, k) => {
|
||
|
o[k] = true;
|
||
|
return o
|
||
|
}, {});
|
||
|
var parseOptions_1 = parseOptions;
|
||
|
|
||
|
const numeric = /^[0-9]+$/;
|
||
|
const compareIdentifiers$1 = (a, b) => {
|
||
|
const anum = numeric.test(a);
|
||
|
const bnum = numeric.test(b);
|
||
|
|
||
|
if (anum && bnum) {
|
||
|
a = +a;
|
||
|
b = +b;
|
||
|
}
|
||
|
|
||
|
return a === b ? 0
|
||
|
: (anum && !bnum) ? -1
|
||
|
: (bnum && !anum) ? 1
|
||
|
: a < b ? -1
|
||
|
: 1
|
||
|
};
|
||
|
|
||
|
const rcompareIdentifiers = (a, b) => compareIdentifiers$1(b, a);
|
||
|
|
||
|
var identifiers = {
|
||
|
compareIdentifiers: compareIdentifiers$1,
|
||
|
rcompareIdentifiers,
|
||
|
};
|
||
|
|
||
|
const { MAX_LENGTH, MAX_SAFE_INTEGER } = constants;
|
||
|
const { re, t } = re_1;
|
||
|
|
||
|
|
||
|
const { compareIdentifiers } = identifiers;
|
||
|
class SemVer {
|
||
|
constructor (version, options) {
|
||
|
options = parseOptions_1(options);
|
||
|
|
||
|
if (version instanceof SemVer) {
|
||
|
if (version.loose === !!options.loose &&
|
||
|
version.includePrerelease === !!options.includePrerelease) {
|
||
|
return version
|
||
|
} else {
|
||
|
version = version.version;
|
||
|
}
|
||
|
} else if (typeof version !== 'string') {
|
||
|
throw new TypeError(`Invalid Version: ${version}`)
|
||
|
}
|
||
|
|
||
|
if (version.length > MAX_LENGTH) {
|
||
|
throw new TypeError(
|
||
|
`version is longer than ${MAX_LENGTH} characters`
|
||
|
)
|
||
|
}
|
||
|
|
||
|
debug_1('SemVer', version, options);
|
||
|
this.options = options;
|
||
|
this.loose = !!options.loose;
|
||
|
// this isn't actually relevant for versions, but keep it so that we
|
||
|
// don't run into trouble passing this.options around.
|
||
|
this.includePrerelease = !!options.includePrerelease;
|
||
|
|
||
|
const m = version.trim().match(options.loose ? re[t.LOOSE] : re[t.FULL]);
|
||
|
|
||
|
if (!m) {
|
||
|
throw new TypeError(`Invalid Version: ${version}`)
|
||
|
}
|
||
|
|
||
|
this.raw = version;
|
||
|
|
||
|
// these are actually numbers
|
||
|
this.major = +m[1];
|
||
|
this.minor = +m[2];
|
||
|
this.patch = +m[3];
|
||
|
|
||
|
if (this.major > MAX_SAFE_INTEGER || this.major < 0) {
|
||
|
throw new TypeError('Invalid major version')
|
||
|
}
|
||
|
|
||
|
if (this.minor > MAX_SAFE_INTEGER || this.minor < 0) {
|
||
|
throw new TypeError('Invalid minor version')
|
||
|
}
|
||
|
|
||
|
if (this.patch > MAX_SAFE_INTEGER || this.patch < 0) {
|
||
|
throw new TypeError('Invalid patch version')
|
||
|
}
|
||
|
|
||
|
// numberify any prerelease numeric ids
|
||
|
if (!m[4]) {
|
||
|
this.prerelease = [];
|
||
|
} else {
|
||
|
this.prerelease = m[4].split('.').map((id) => {
|
||
|
if (/^[0-9]+$/.test(id)) {
|
||
|
const num = +id;
|
||
|
if (num >= 0 && num < MAX_SAFE_INTEGER) {
|
||
|
return num
|
||
|
}
|
||
|
}
|
||
|
return id
|
||
|
});
|
||
|
}
|
||
|
|
||
|
this.build = m[5] ? m[5].split('.') : [];
|
||
|
this.format();
|
||
|
}
|
||
|
|
||
|
format () {
|
||
|
this.version = `${this.major}.${this.minor}.${this.patch}`;
|
||
|
if (this.prerelease.length) {
|
||
|
this.version += `-${this.prerelease.join('.')}`;
|
||
|
}
|
||
|
return this.version
|
||
|
}
|
||
|
|
||
|
toString () {
|
||
|
return this.version
|
||
|
}
|
||
|
|
||
|
compare (other) {
|
||
|
debug_1('SemVer.compare', this.version, this.options, other);
|
||
|
if (!(other instanceof SemVer)) {
|
||
|
if (typeof other === 'string' && other === this.version) {
|
||
|
return 0
|
||
|
}
|
||
|
other = new SemVer(other, this.options);
|
||
|
}
|
||
|
|
||
|
if (other.version === this.version) {
|
||
|
return 0
|
||
|
}
|
||
|
|
||
|
return this.compareMain(other) || this.comparePre(other)
|
||
|
}
|
||
|
|
||
|
compareMain (other) {
|
||
|
if (!(other instanceof SemVer)) {
|
||
|
other = new SemVer(other, this.options);
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
compareIdentifiers(this.major, other.major) ||
|
||
|
compareIdentifiers(this.minor, other.minor) ||
|
||
|
compareIdentifiers(this.patch, other.patch)
|
||
|
)
|
||
|
}
|
||
|
|
||
|
comparePre (other) {
|
||
|
if (!(other instanceof SemVer)) {
|
||
|
other = new SemVer(other, this.options);
|
||
|
}
|
||
|
|
||
|
// NOT having a prerelease is > having one
|
||
|
if (this.prerelease.length && !other.prerelease.length) {
|
||
|
return -1
|
||
|
} else if (!this.prerelease.length && other.prerelease.length) {
|
||
|
return 1
|
||
|
} else if (!this.prerelease.length && !other.prerelease.length) {
|
||
|
return 0
|
||
|
}
|
||
|
|
||
|
let i = 0;
|
||
|
do {
|
||
|
const a = this.prerelease[i];
|
||
|
const b = other.prerelease[i];
|
||
|
debug_1('prerelease compare', i, a, b);
|
||
|
if (a === undefined && b === undefined) {
|
||
|
return 0
|
||
|
} else if (b === undefined) {
|
||
|
return 1
|
||
|
} else if (a === undefined) {
|
||
|
return -1
|
||
|
} else if (a === b) {
|
||
|
continue
|
||
|
} else {
|
||
|
return compareIdentifiers(a, b)
|
||
|
}
|
||
|
} while (++i)
|
||
|
}
|
||
|
|
||
|
compareBuild (other) {
|
||
|
if (!(other instanceof SemVer)) {
|
||
|
other = new SemVer(other, this.options);
|
||
|
}
|
||
|
|
||
|
let i = 0;
|
||
|
do {
|
||
|
const a = this.build[i];
|
||
|
const b = other.build[i];
|
||
|
debug_1('prerelease compare', i, a, b);
|
||
|
if (a === undefined && b === undefined) {
|
||
|
return 0
|
||
|
} else if (b === undefined) {
|
||
|
return 1
|
||
|
} else if (a === undefined) {
|
||
|
return -1
|
||
|
} else if (a === b) {
|
||
|
continue
|
||
|
} else {
|
||
|
return compareIdentifiers(a, b)
|
||
|
}
|
||
|
} while (++i)
|
||
|
}
|
||
|
|
||
|
// preminor will bump the version up to the next minor release, and immediately
|
||
|
// down to pre-release. premajor and prepatch work the same way.
|
||
|
inc (release, identifier) {
|
||
|
switch (release) {
|
||
|
case 'premajor':
|
||
|
this.prerelease.length = 0;
|
||
|
this.patch = 0;
|
||
|
this.minor = 0;
|
||
|
this.major++;
|
||
|
this.inc('pre', identifier);
|
||
|
break
|
||
|
case 'preminor':
|
||
|
this.prerelease.length = 0;
|
||
|
this.patch = 0;
|
||
|
this.minor++;
|
||
|
this.inc('pre', identifier);
|
||
|
break
|
||
|
case 'prepatch':
|
||
|
// If this is already a prerelease, it will bump to the next version
|
||
|
// drop any prereleases that might already exist, since they are not
|
||
|
// relevant at this point.
|
||
|
this.prerelease.length = 0;
|
||
|
this.inc('patch', identifier);
|
||
|
this.inc('pre', identifier);
|
||
|
break
|
||
|
// If the input is a non-prerelease version, this acts the same as
|
||
|
// prepatch.
|
||
|
case 'prerelease':
|
||
|
if (this.prerelease.length === 0) {
|
||
|
this.inc('patch', identifier);
|
||
|
}
|
||
|
this.inc('pre', identifier);
|
||
|
break
|
||
|
|
||
|
case 'major':
|
||
|
// If this is a pre-major version, bump up to the same major version.
|
||
|
// Otherwise increment major.
|
||
|
// 1.0.0-5 bumps to 1.0.0
|
||
|
// 1.1.0 bumps to 2.0.0
|
||
|
if (
|
||
|
this.minor !== 0 ||
|
||
|
this.patch !== 0 ||
|
||
|
this.prerelease.length === 0
|
||
|
) {
|
||
|
this.major++;
|
||
|
}
|
||
|
this.minor = 0;
|
||
|
this.patch = 0;
|
||
|
this.prerelease = [];
|
||
|
break
|
||
|
case 'minor':
|
||
|
// If this is a pre-minor version, bump up to the same minor version.
|
||
|
// Otherwise increment minor.
|
||
|
// 1.2.0-5 bumps to 1.2.0
|
||
|
// 1.2.1 bumps to 1.3.0
|
||
|
if (this.patch !== 0 || this.prerelease.length === 0) {
|
||
|
this.minor++;
|
||
|
}
|
||
|
this.patch = 0;
|
||
|
this.prerelease = [];
|
||
|
break
|
||
|
case 'patch':
|
||
|
// If this is not a pre-release version, it will increment the patch.
|
||
|
// If it is a pre-release it will bump up to the same patch version.
|
||
|
// 1.2.0-5 patches to 1.2.0
|
||
|
// 1.2.0 patches to 1.2.1
|
||
|
if (this.prerelease.length === 0) {
|
||
|
this.patch++;
|
||
|
}
|
||
|
this.prerelease = [];
|
||
|
break
|
||
|
// This probably shouldn't be used publicly.
|
||
|
// 1.0.0 'pre' would become 1.0.0-0 which is the wrong direction.
|
||
|
case 'pre':
|
||
|
if (this.prerelease.length === 0) {
|
||
|
this.prerelease = [0];
|
||
|
} else {
|
||
|
let i = this.prerelease.length;
|
||
|
while (--i >= 0) {
|
||
|
if (typeof this.prerelease[i] === 'number') {
|
||
|
this.prerelease[i]++;
|
||
|
i = -2;
|
||
|
}
|
||
|
}
|
||
|
if (i === -1) {
|
||
|
// didn't increment anything
|
||
|
this.prerelease.push(0);
|
||
|
}
|
||
|
}
|
||
|
if (identifier) {
|
||
|
// 1.2.0-beta.1 bumps to 1.2.0-beta.2,
|
||
|
// 1.2.0-beta.fooblz or 1.2.0-beta bumps to 1.2.0-beta.0
|
||
|
if (compareIdentifiers(this.prerelease[0], identifier) === 0) {
|
||
|
if (isNaN(this.prerelease[1])) {
|
||
|
this.prerelease = [identifier, 0];
|
||
|
}
|
||
|
} else {
|
||
|
this.prerelease = [identifier, 0];
|
||
|
}
|
||
|
}
|
||
|
break
|
||
|
|
||
|
default:
|
||
|
throw new Error(`invalid increment argument: ${release}`)
|
||
|
}
|
||
|
this.format();
|
||
|
this.raw = this.version;
|
||
|
return this
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var semver = SemVer;
|
||
|
|
||
|
const major = (a, loose) => new semver(a, loose).major;
|
||
|
var major_1 = major;
|
||
|
|
||
|
let lastReactDom;
|
||
|
const cleanup = () => {
|
||
|
if (lastReactDom) {
|
||
|
const root = getContainerEl();
|
||
|
lastReactDom.unmountComponentAtNode(root);
|
||
|
return true;
|
||
|
}
|
||
|
return false;
|
||
|
};
|
||
|
/**
|
||
|
* Mounts a React component into the DOM.
|
||
|
* @param jsx {React.ReactNode} The React component to mount.
|
||
|
* @param options {MountOptions} [options={}] options to pass to the mount function.
|
||
|
* @param rerenderKey {string} [rerenderKey] A key to use to force a rerender.
|
||
|
* @see {@link https://on.cypress.io/mounting-react} for more details.
|
||
|
* @example
|
||
|
* import { mount } from '@cypress/react'
|
||
|
* import { Stepper } from './Stepper'
|
||
|
*
|
||
|
* it('mounts', () => {
|
||
|
* mount(<StepperComponent />)
|
||
|
* cy.get('[data-cy=increment]').click()
|
||
|
* cy.get('[data-cy=counter]').should('have.text', '1')
|
||
|
* }
|
||
|
*/
|
||
|
function mount(jsx, options = {}, rerenderKey) {
|
||
|
if (major_1(React.version) === 18) {
|
||
|
const message = '[cypress/react]: You are using `cypress/react`, which is designed for React <= 17. Consider changing to `cypress/react18`, which is designed for React 18.';
|
||
|
console.error(message);
|
||
|
Cypress.log({ name: 'warning', message });
|
||
|
}
|
||
|
// Remove last mounted component if cy.mount is called more than once in a test
|
||
|
cleanup();
|
||
|
const internalOptions = {
|
||
|
reactDom: ReactDOM,
|
||
|
render: (reactComponent, el, reactDomToUse) => {
|
||
|
lastReactDom = (reactDomToUse || ReactDOM);
|
||
|
return lastReactDom.render(reactComponent, el);
|
||
|
},
|
||
|
unmount: internalUnmount,
|
||
|
cleanup,
|
||
|
};
|
||
|
return makeMountFn('mount', jsx, Object.assign({ ReactDom: ReactDOM }, options), rerenderKey, internalOptions);
|
||
|
}
|
||
|
/**
|
||
|
* Unmounts the component from the DOM.
|
||
|
* @internal
|
||
|
* @param options - Options for unmounting.
|
||
|
*/
|
||
|
function internalUnmount(options = { log: true }) {
|
||
|
return makeUnmountFn(options);
|
||
|
}
|
||
|
/**
|
||
|
* Removed as of Cypress 11.0.0.
|
||
|
* @see https://on.cypress.io/migration-11-0-0-component-testing-updates
|
||
|
*/
|
||
|
function unmount(options = { log: true }) {
|
||
|
// @ts-expect-error - undocumented API
|
||
|
Cypress.utils.throwErrByPath('mount.unmount');
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Mounts a React hook function in a test component for testing.
|
||
|
* Removed as of Cypress 11.0.0.
|
||
|
* @see https://on.cypress.io/migration-11-0-0-component-testing-updates
|
||
|
*/
|
||
|
const mountHook = (hookFn) => {
|
||
|
// @ts-expect-error - internal API
|
||
|
Cypress.utils.throwErrByPath('mount.mount_hook');
|
||
|
};
|
||
|
|
||
|
exports.createMount = createMount;
|
||
|
exports.getContainerEl = getContainerEl;
|
||
|
exports.makeMountFn = makeMountFn;
|
||
|
exports.makeUnmountFn = makeUnmountFn;
|
||
|
exports.mount = mount;
|
||
|
exports.mountHook = mountHook;
|
||
|
exports.unmount = unmount;
|