mirror of
https://github.com/cypress-io/cypress.git
synced 2026-04-24 07:59:12 -05:00
feat: warn when detecting unsupported dependencies for component testing (#22964)
* wip: basic implementation * update dependencies to have maxVersion * handle promises correctly * fix test * update test project and styling * only check for CT deps in CT * install required deps * revert * rework detection and extend tests * remove unused code * remove more code Co-authored-by: Zachary Williams <ZachJW34@gmail.com>
This commit is contained in:
Lachlan Miller
@@ -87,6 +87,7 @@ system-tests/projects/create-react-app-custom-index-html
|
||||
|
||||
system-tests/projects/vueclivue2-unconfigured/**/*
|
||||
system-tests/projects/vueclivue2-configured/**/*
|
||||
system-tests/projects/outdated-deps-vuecli3/**/*
|
||||
|
||||
system-tests/projects/vueclivue3-unconfigured/**/*
|
||||
system-tests/projects/vueclivue3-configured/**/*
|
||||
|
||||
@@ -11,6 +11,7 @@ import { CypressEnv } from './CypressEnv'
|
||||
import { autoBindDebug } from '../util/autoBindDebug'
|
||||
import type { EventRegistrar } from './EventRegistrar'
|
||||
import type { DataContext } from '../DataContext'
|
||||
import { DependencyToInstall, inPkgJson, WIZARD_BUNDLERS, WIZARD_DEPENDENCIES, WIZARD_FRAMEWORKS } from '@packages/scaffold-config'
|
||||
|
||||
const debug = debugLib(`cypress:lifecycle:ProjectConfigManager`)
|
||||
|
||||
@@ -153,10 +154,86 @@ export class ProjectConfigManager {
|
||||
if (this._registeredEventsTarget && this._testingType !== this._registeredEventsTarget) {
|
||||
this.options.refreshLifecycle().catch(this.onLoadError)
|
||||
} else if (this._eventsIpc && !this._registeredEventsTarget && this._cachedLoadConfig) {
|
||||
this.setupNodeEvents(this._cachedLoadConfig).catch(this.onLoadError)
|
||||
this.setupNodeEvents(this._cachedLoadConfig)
|
||||
.then(() => {
|
||||
if (this._testingType === 'component') {
|
||||
this.checkDependenciesForComponentTesting()
|
||||
}
|
||||
})
|
||||
.catch(this.onLoadError)
|
||||
}
|
||||
}
|
||||
|
||||
checkDependenciesForComponentTesting () {
|
||||
// if it's a function, for example, the user is created their own dev server,
|
||||
// and not using one of our presets. Assume they know what they are doing and
|
||||
// what dependencies they require.
|
||||
if (typeof this._cachedLoadConfig?.initialConfig?.component?.devServer !== 'object') {
|
||||
return
|
||||
}
|
||||
|
||||
const devServerOptions = this._cachedLoadConfig.initialConfig.component.devServer
|
||||
|
||||
const bundler = WIZARD_BUNDLERS.find((x) => x.type === devServerOptions.bundler)
|
||||
|
||||
// Use a map since sometimes the same dependency can appear in `bundler` and `framework`,
|
||||
// for example webpack appears in both `bundler: 'webpack', framework: 'react-scripts'`
|
||||
const unsupportedDeps = new Map<DependencyToInstall['dependency']['type'], DependencyToInstall>()
|
||||
|
||||
if (!bundler) {
|
||||
return
|
||||
}
|
||||
|
||||
const result = inPkgJson(bundler, this.options.projectRoot)
|
||||
|
||||
if (!result.satisfied) {
|
||||
unsupportedDeps.set(result.dependency.type, result)
|
||||
}
|
||||
|
||||
const isFrameworkSatisfied = (bundler: typeof WIZARD_BUNDLERS[number], framework: typeof WIZARD_FRAMEWORKS[number]) => {
|
||||
for (const dep of framework.dependencies(bundler.type, this.options.projectRoot)) {
|
||||
const res = inPkgJson(dep.dependency, this.options.projectRoot)
|
||||
|
||||
if (!res.satisfied) {
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
return true
|
||||
}
|
||||
|
||||
const frameworks = WIZARD_FRAMEWORKS.filter((x) => x.configFramework === devServerOptions.framework)
|
||||
|
||||
const mismatchedFrameworkDeps = new Map<typeof WIZARD_DEPENDENCIES[number]['type'], DependencyToInstall>()
|
||||
|
||||
let isSatisfied = false
|
||||
|
||||
for (const framework of frameworks) {
|
||||
if (isFrameworkSatisfied(bundler, framework)) {
|
||||
isSatisfied = true
|
||||
break
|
||||
} else {
|
||||
for (const dep of framework.dependencies(bundler.type, this.options.projectRoot)) {
|
||||
mismatchedFrameworkDeps.set(dep.dependency.type, dep)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!isSatisfied) {
|
||||
for (const dep of Array.from(mismatchedFrameworkDeps.values())) {
|
||||
if (!dep.satisfied) {
|
||||
unsupportedDeps.set(dep.dependency.type, dep)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (unsupportedDeps.size === 0) {
|
||||
return
|
||||
}
|
||||
|
||||
this.options.ctx.onWarning(getError('COMPONENT_TESTING_MISMATCHED_DEPENDENCIES', Array.from(unsupportedDeps.values())))
|
||||
}
|
||||
|
||||
private async setupNodeEvents (loadConfigReply: LoadConfigReply): Promise<void> {
|
||||
assert(this._eventsIpc, 'Expected _eventsIpc to be defined at this point')
|
||||
this._state = 'loadingNodeEvents'
|
||||
|
||||
+43
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
|
||||
body {
|
||||
font-family: "Courier Prime", Courier, monospace;
|
||||
padding: 0 1em;
|
||||
line-height: 1.4;
|
||||
color: #eee;
|
||||
background-color: #111;
|
||||
}
|
||||
pre {
|
||||
padding: 0 0;
|
||||
margin: 0 0;
|
||||
font-family: "Courier Prime", Courier, monospace;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 5px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body><pre><span style="color:#e05561">We detected that you have versions of dependencies that are not officially supported:<span style="color:#e6e6e6">
|
||||
<span style="color:#e05561"><span style="color:#e6e6e6">
|
||||
<span style="color:#e05561"><span style="color:#4f5666"> - <span style="color:#e05561"><span style="color:#4ec4ff">`vite`. Expected >=2.0.0, found 1.0.0.<span style="color:#e05561"><span style="color:#e6e6e6">
|
||||
<span style="color:#e05561"><span style="color:#e6e6e6">
|
||||
<span style="color:#e05561">If you're experiencing problems, downgrade dependencies and restart Cypress.<span style="color:#e6e6e6">
|
||||
<span style="color:#e05561"><span style="color:#e6e6e6"></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
|
||||
</pre></body></html>
|
||||
@@ -9,6 +9,7 @@ import type { BreakingErrResult } from '@packages/config'
|
||||
import { humanTime, logError, parseResolvedPattern, pluralize } from './errorUtils'
|
||||
import { errPartial, errTemplate, fmt, theme, PartialErr } from './errTemplate'
|
||||
import { stackWithoutMessage } from './stackUtils'
|
||||
import type { DependencyToInstall } from '@packages/scaffold-config'
|
||||
import type { ClonedError, ConfigValidationFailureInfo, CypressError, ErrTemplateResult, ErrorLike } from './errorTypes'
|
||||
|
||||
const ansi_up = new AU()
|
||||
@@ -1561,6 +1562,24 @@ export const AllCypressErrors = {
|
||||
https://on.cypress.io/configuration
|
||||
`
|
||||
},
|
||||
|
||||
COMPONENT_TESTING_MISMATCHED_DEPENDENCIES: (dependencies: DependencyToInstall[]) => {
|
||||
const deps = dependencies.map<string>((dep) => {
|
||||
if (dep.detectedVersion) {
|
||||
return `\`${dep.dependency.installer}\`. Expected ${dep.dependency.minVersion}, found ${dep.detectedVersion}.`
|
||||
}
|
||||
|
||||
return `\`${dep.dependency.installer}\`. Expected ${dep.dependency.minVersion} but dependency was not found.`
|
||||
})
|
||||
|
||||
return errTemplate`
|
||||
We detected that you have versions of dependencies that are not officially supported:
|
||||
|
||||
${fmt.listItems(deps, { prefix: ' - ' })}
|
||||
|
||||
If you're experiencing problems, downgrade dependencies and restart Cypress.
|
||||
`
|
||||
},
|
||||
} as const
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
|
||||
@@ -1172,5 +1172,27 @@ describe('visual error templates', () => {
|
||||
default: ['component'],
|
||||
}
|
||||
},
|
||||
|
||||
COMPONENT_TESTING_MISMATCHED_DEPENDENCIES: () => {
|
||||
return {
|
||||
default: [
|
||||
[
|
||||
{
|
||||
dependency: {
|
||||
type: 'vite',
|
||||
name: 'Vite',
|
||||
package: 'vite',
|
||||
installer: 'vite',
|
||||
description: 'Vite is dev server that serves your source files over native ES modules',
|
||||
minVersion: '>=2.0.0',
|
||||
},
|
||||
satisfied: false,
|
||||
detectedVersion: '1.0.0',
|
||||
loc: null,
|
||||
},
|
||||
],
|
||||
],
|
||||
}
|
||||
},
|
||||
})
|
||||
})
|
||||
|
||||
@@ -10,6 +10,7 @@
|
||||
>
|
||||
<div
|
||||
ref="markdownTarget"
|
||||
class="warning-markdown"
|
||||
v-html="markdown"
|
||||
/>
|
||||
<Button
|
||||
@@ -68,3 +69,14 @@ let message = computed(() => {
|
||||
|
||||
const { markdown } = useMarkdown(markdownTarget, message.value, { classes: { code: ['bg-warning-200'] } })
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
// Add some extra margin to the <ul>
|
||||
// TODO: ideally move this into `frontend-shared/src/composables/useMarkdown`
|
||||
// It doesn't get applied when added there due to conflicting with other, higher priority rules.
|
||||
.warning-markdown {
|
||||
ul {
|
||||
@apply ml-16px mb-16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -672,6 +672,7 @@ enum ErrorTypeEnum {
|
||||
CDP_VERSION_TOO_OLD
|
||||
CHROME_WEB_SECURITY_NOT_SUPPORTED
|
||||
COMPONENT_FOLDER_REMOVED
|
||||
COMPONENT_TESTING_MISMATCHED_DEPENDENCIES
|
||||
CONFIG_FILES_LANGUAGE_CONFLICT
|
||||
CONFIG_FILE_DEV_SERVER_INVALID_RETURN
|
||||
CONFIG_FILE_DEV_SERVER_IS_NOT_VALID
|
||||
|
||||
@@ -111,3 +111,55 @@ describe('experimentalStudio', () => {
|
||||
cy.get('[data-cy="warning-alert"]').contains('Warning: Experimental Studio Removed')
|
||||
})
|
||||
})
|
||||
|
||||
describe('component testing dependency warnings', () => {
|
||||
it('warns against outdated react and vite version', () => {
|
||||
cy.scaffoldProject('component-testing-outdated-dependencies')
|
||||
cy.addProject('component-testing-outdated-dependencies')
|
||||
cy.openGlobalMode()
|
||||
cy.visitLaunchpad()
|
||||
cy.contains('component-testing-outdated-dependencies').click()
|
||||
cy.get('[data-cy="warning-alert"]').should('not.exist')
|
||||
cy.get('a').contains('Projects').click()
|
||||
cy.get('[data-cy-testingtype="component"]').click()
|
||||
cy.get('[data-cy="warning-alert"]').should('exist')
|
||||
.should('contain.text', 'Warning: Component Testing Mismatched Dependencies')
|
||||
.should('contain.text', 'vite. Expected ^=2.0.0 || ^=3.0.0, found 2.0.0-beta.70')
|
||||
.should('contain.text', 'react. Expected ^=16.0.0 || ^=17.0.0 || ^=18.0.0, found 15.6.2.')
|
||||
.should('contain.text', 'react-dom. Expected ^=16.0.0 || ^=17.0.0 || ^=18.0.0 but dependency was not found.')
|
||||
|
||||
cy.get('.warning-markdown').find('li').should('have.length', 3)
|
||||
})
|
||||
|
||||
it('warns against outdated @vue/cli dependency', () => {
|
||||
cy.scaffoldProject('outdated-deps-vuecli3')
|
||||
cy.addProject('outdated-deps-vuecli3')
|
||||
cy.openGlobalMode()
|
||||
cy.visitLaunchpad()
|
||||
cy.contains('outdated-deps-vuecli3').click()
|
||||
cy.get('[data-cy="warning-alert"]').should('not.exist')
|
||||
cy.get('a').contains('Projects').click()
|
||||
cy.get('[data-cy-testingtype="component"]').click()
|
||||
cy.get('[data-cy="warning-alert"]').should('exist')
|
||||
.should('contain.text', 'Warning: Component Testing Mismatched Dependencies')
|
||||
.should('contain.text', '@vue/cli-service. Expected ^=4.0.0 || ^=5.0.0, found 3.12.1.')
|
||||
.should('contain.text', 'vue. Expected ^3.0.0, found 2.7.8.')
|
||||
|
||||
cy.get('.warning-markdown').find('li').should('have.length', 2)
|
||||
})
|
||||
|
||||
it('does not show warning for project with supported dependencies', () => {
|
||||
cy.scaffoldProject('vueclivue3-configured')
|
||||
cy.addProject('vueclivue3-configured')
|
||||
cy.openGlobalMode()
|
||||
cy.visitLaunchpad()
|
||||
cy.contains('vueclivue3-configured').click()
|
||||
cy.get('[data-cy="warning-alert"]').should('not.exist')
|
||||
cy.get('a').contains('Projects').click()
|
||||
cy.get('[data-cy-testingtype="component"]').click()
|
||||
|
||||
// Wait until launch browser screen and assert warning does not exist
|
||||
cy.contains('Choose a Browser')
|
||||
cy.get('[data-cy="warning-alert"]').should('not.exist')
|
||||
})
|
||||
})
|
||||
|
||||
@@ -4,7 +4,7 @@ export const WIZARD_DEPENDENCY_WEBPACK = {
|
||||
package: 'webpack',
|
||||
installer: 'webpack',
|
||||
description: 'Webpack is a module bundler',
|
||||
minVersion: '>=4.0.0',
|
||||
minVersion: '>=4.0.0 || >=5.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_VUE_2 = {
|
||||
@@ -31,7 +31,7 @@ export const WIZARD_DEPENDENCY_REACT = {
|
||||
package: 'react',
|
||||
installer: 'react',
|
||||
description: 'A JavaScript library for building user interfaces',
|
||||
minVersion: '>=16.x',
|
||||
minVersion: '^=16.0.0 || ^=17.0.0 || ^=18.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_REACT_DOM = {
|
||||
@@ -40,7 +40,7 @@ export const WIZARD_DEPENDENCY_REACT_DOM = {
|
||||
package: 'react-dom',
|
||||
installer: 'react-dom',
|
||||
description: 'This package serves as the entry point to the DOM and server renderers for React',
|
||||
minVersion: '>=16.x',
|
||||
minVersion: '^=16.0.0 || ^=17.0.0 || ^=18.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_TYPESCRIPT = {
|
||||
@@ -58,7 +58,7 @@ export const WIZARD_DEPENDENCY_REACT_SCRIPTS = {
|
||||
package: 'react-scripts',
|
||||
installer: 'react-scripts',
|
||||
description: 'Create React apps with no build configuration',
|
||||
minVersion: '>=4.0.0',
|
||||
minVersion: '^=4.0.0 || ^=5.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_VUE_CLI_SERVICE = {
|
||||
@@ -67,7 +67,7 @@ export const WIZARD_DEPENDENCY_VUE_CLI_SERVICE = {
|
||||
package: '@vue/cli-service',
|
||||
installer: '@vue/cli-service',
|
||||
description: 'Standard Tooling for Vue.js Development',
|
||||
minVersion: '>=4.0.0',
|
||||
minVersion: '^=4.0.0 || ^=5.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_VITE = {
|
||||
@@ -76,7 +76,7 @@ export const WIZARD_DEPENDENCY_VITE = {
|
||||
package: 'vite',
|
||||
installer: 'vite',
|
||||
description: 'Vite is dev server that serves your source files over native ES modules',
|
||||
minVersion: '>=2.0.0',
|
||||
minVersion: '^=2.0.0 || ^=3.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_NUXT = {
|
||||
@@ -94,7 +94,7 @@ export const WIZARD_DEPENDENCY_NEXT = {
|
||||
package: 'next',
|
||||
installer: 'next',
|
||||
description: 'The React Framework for Production',
|
||||
minVersion: '>=10.0.0',
|
||||
minVersion: '^=10.0.0 || ^=11.0.0 || ^=12.0.0',
|
||||
} as const
|
||||
|
||||
export const WIZARD_DEPENDENCY_ANGULAR_CLI = {
|
||||
|
||||
@@ -29,17 +29,20 @@ export function inPkgJson (dependency: WizardDependency, projectPath: string): D
|
||||
// TODO: convert to async FS method
|
||||
// eslint-disable-next-line no-restricted-syntax
|
||||
const pkg = fs.readJsonSync(loc) as PkgJson
|
||||
const pkgVersion = semver.coerce(pkg.version)
|
||||
|
||||
if (!pkgVersion) {
|
||||
if (!pkg.version) {
|
||||
throw Error(`${pkg.version} for ${dependency.package} is not a valid semantic version.`)
|
||||
}
|
||||
|
||||
const satisfied = Boolean(pkg.version && semver.satisfies(pkg.version, dependency.minVersion, {
|
||||
includePrerelease: true,
|
||||
}))
|
||||
|
||||
return {
|
||||
dependency,
|
||||
detectedVersion: pkg.version,
|
||||
loc,
|
||||
satisfied: Boolean(pkg.version && semver.satisfies(pkgVersion, dependency.minVersion)),
|
||||
satisfied,
|
||||
}
|
||||
} catch (e) {
|
||||
return {
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
module.exports = {
|
||||
component: {
|
||||
supportFile: false,
|
||||
devServer: {
|
||||
bundler: 'vite',
|
||||
framework: 'react',
|
||||
},
|
||||
indexHtmlFile: 'cypress/component/support/component-index.html',
|
||||
},
|
||||
}
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>Components App</title>
|
||||
</head>
|
||||
<body>
|
||||
<div data-cy-root></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"react": "15.6.2",
|
||||
"vite": "2.0.0-beta.70"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export default {}
|
||||
@@ -0,0 +1,229 @@
|
||||
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
|
||||
# yarn lockfile v1
|
||||
|
||||
|
||||
asap@~2.0.3:
|
||||
version "2.0.6"
|
||||
resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
|
||||
integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
|
||||
|
||||
core-js@^1.0.0:
|
||||
version "1.2.7"
|
||||
resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
|
||||
integrity sha512-ZiPp9pZlgxpWRu0M+YWbm6+aQ84XEfH1JRXvfOc/fILWI0VKhLC2LX13X1NYq4fULzLMq7Hfh43CSo2/aIaUPA==
|
||||
|
||||
create-react-class@^15.6.0:
|
||||
version "15.7.0"
|
||||
resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.7.0.tgz#7499d7ca2e69bb51d13faf59bd04f0c65a1d6c1e"
|
||||
integrity sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==
|
||||
dependencies:
|
||||
loose-envify "^1.3.1"
|
||||
object-assign "^4.1.1"
|
||||
|
||||
encoding@^0.1.11:
|
||||
version "0.1.13"
|
||||
resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
|
||||
integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
|
||||
dependencies:
|
||||
iconv-lite "^0.6.2"
|
||||
|
||||
esbuild@^0.8.34:
|
||||
version "0.8.57"
|
||||
resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.8.57.tgz#a42d02bc2b57c70bcd0ef897fe244766bb6dd926"
|
||||
integrity sha512-j02SFrUwFTRUqiY0Kjplwjm1psuzO1d6AjaXKuOR9hrY0HuPsT6sV42B6myW34h1q4CRy+Y3g4RU/cGJeI/nNA==
|
||||
|
||||
fbjs@^0.8.9:
|
||||
version "0.8.18"
|
||||
resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.18.tgz#9835e0addb9aca2eff53295cd79ca1cfc7c9662a"
|
||||
integrity sha512-EQaWFK+fEPSoibjNy8IxUtaFOMXcWsY0JaVrQoZR9zC8N2Ygf9iDITPWjUTVIax95b6I742JFLqASHfsag/vKA==
|
||||
dependencies:
|
||||
core-js "^1.0.0"
|
||||
isomorphic-fetch "^2.1.1"
|
||||
loose-envify "^1.0.0"
|
||||
object-assign "^4.1.0"
|
||||
promise "^7.1.1"
|
||||
setimmediate "^1.0.5"
|
||||
ua-parser-js "^0.7.30"
|
||||
|
||||
fsevents@~2.3.1, fsevents@~2.3.2:
|
||||
version "2.3.2"
|
||||
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
|
||||
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
|
||||
|
||||
function-bind@^1.1.1:
|
||||
version "1.1.1"
|
||||
resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
|
||||
integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
|
||||
|
||||
has@^1.0.3:
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
|
||||
integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
|
||||
dependencies:
|
||||
function-bind "^1.1.1"
|
||||
|
||||
iconv-lite@^0.6.2:
|
||||
version "0.6.3"
|
||||
resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
|
||||
integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
|
||||
dependencies:
|
||||
safer-buffer ">= 2.1.2 < 3.0.0"
|
||||
|
||||
is-core-module@^2.9.0:
|
||||
version "2.9.0"
|
||||
resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
|
||||
integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
|
||||
dependencies:
|
||||
has "^1.0.3"
|
||||
|
||||
is-stream@^1.0.1:
|
||||
version "1.1.0"
|
||||
resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
|
||||
integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
|
||||
|
||||
isomorphic-fetch@^2.1.1:
|
||||
version "2.2.1"
|
||||
resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
|
||||
integrity sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==
|
||||
dependencies:
|
||||
node-fetch "^1.0.1"
|
||||
whatwg-fetch ">=0.10.0"
|
||||
|
||||
"js-tokens@^3.0.0 || ^4.0.0":
|
||||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
|
||||
integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
|
||||
|
||||
loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
|
||||
version "1.4.0"
|
||||
resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
|
||||
integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
|
||||
dependencies:
|
||||
js-tokens "^3.0.0 || ^4.0.0"
|
||||
|
||||
nanoid@^3.3.4:
|
||||
version "3.3.4"
|
||||
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
|
||||
integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
|
||||
|
||||
node-fetch@^1.0.1:
|
||||
version "1.7.3"
|
||||
resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
|
||||
integrity sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==
|
||||
dependencies:
|
||||
encoding "^0.1.11"
|
||||
is-stream "^1.0.1"
|
||||
|
||||
object-assign@^4.1.0, object-assign@^4.1.1:
|
||||
version "4.1.1"
|
||||
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
|
||||
integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
|
||||
|
||||
path-parse@^1.0.7:
|
||||
version "1.0.7"
|
||||
resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
|
||||
integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
|
||||
|
||||
picocolors@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
|
||||
integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
|
||||
|
||||
postcss@^8.2.1:
|
||||
version "8.4.14"
|
||||
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
|
||||
integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
|
||||
dependencies:
|
||||
nanoid "^3.3.4"
|
||||
picocolors "^1.0.0"
|
||||
source-map-js "^1.0.2"
|
||||
|
||||
promise@^7.1.1:
|
||||
version "7.3.1"
|
||||
resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
|
||||
integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
|
||||
dependencies:
|
||||
asap "~2.0.3"
|
||||
|
||||
prop-types@^15.5.10:
|
||||
version "15.8.1"
|
||||
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
|
||||
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
|
||||
dependencies:
|
||||
loose-envify "^1.4.0"
|
||||
object-assign "^4.1.1"
|
||||
react-is "^16.13.1"
|
||||
|
||||
react-is@^16.13.1:
|
||||
version "16.13.1"
|
||||
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
|
||||
integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
|
||||
|
||||
react@15.6.2:
|
||||
version "15.6.2"
|
||||
resolved "https://registry.yarnpkg.com/react/-/react-15.6.2.tgz#dba0434ab439cfe82f108f0f511663908179aa72"
|
||||
integrity sha512-DHyivomgg2kMUWsT3mfMtIKNxJyAtlcFtCd+vWvk4u/mAsnXqrhkDVAzZR7aSS/kk2hvAS7rwlia6zyAcJjcsg==
|
||||
dependencies:
|
||||
create-react-class "^15.6.0"
|
||||
fbjs "^0.8.9"
|
||||
loose-envify "^1.1.0"
|
||||
object-assign "^4.1.0"
|
||||
prop-types "^15.5.10"
|
||||
|
||||
resolve@^1.19.0:
|
||||
version "1.22.1"
|
||||
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
|
||||
integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
|
||||
dependencies:
|
||||
is-core-module "^2.9.0"
|
||||
path-parse "^1.0.7"
|
||||
supports-preserve-symlinks-flag "^1.0.0"
|
||||
|
||||
rollup@^2.38.5:
|
||||
version "2.77.2"
|
||||
resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.2.tgz#6b6075c55f9cc2040a5912e6e062151e42e2c4e3"
|
||||
integrity sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==
|
||||
optionalDependencies:
|
||||
fsevents "~2.3.2"
|
||||
|
||||
"safer-buffer@>= 2.1.2 < 3.0.0":
|
||||
version "2.1.2"
|
||||
resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
|
||||
integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
|
||||
|
||||
setimmediate@^1.0.5:
|
||||
version "1.0.5"
|
||||
resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
|
||||
integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
|
||||
|
||||
source-map-js@^1.0.2:
|
||||
version "1.0.2"
|
||||
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
|
||||
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
|
||||
|
||||
supports-preserve-symlinks-flag@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
|
||||
integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
|
||||
|
||||
ua-parser-js@^0.7.30:
|
||||
version "0.7.31"
|
||||
resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.31.tgz#649a656b191dffab4f21d5e053e27ca17cbff5c6"
|
||||
integrity sha512-qLK/Xe9E2uzmYI3qLeOmI0tEOt+TBBQyUIAh4aAgU05FVYzeZrKUdkAZfBNVGRaHVgV0TDkdEngJSw/SyQchkQ==
|
||||
|
||||
vite@2.0.0-beta.70:
|
||||
version "2.0.0-beta.70"
|
||||
resolved "https://registry.yarnpkg.com/vite/-/vite-2.0.0-beta.70.tgz#ec0d4f2bfd02f31d2c59aa9760f27c26647f41ce"
|
||||
integrity sha512-rbuAYZE8T0jNOUykkyfjiiKmz4MpW2KqzHO8++WCCDXyxzIg56ICQ/B6NLZzVpWyk0iSKiUKr2k8NMkmDlZAQQ==
|
||||
dependencies:
|
||||
esbuild "^0.8.34"
|
||||
postcss "^8.2.1"
|
||||
resolve "^1.19.0"
|
||||
rollup "^2.38.5"
|
||||
optionalDependencies:
|
||||
fsevents "~2.3.1"
|
||||
|
||||
whatwg-fetch@>=0.10.0:
|
||||
version "3.6.2"
|
||||
resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"
|
||||
integrity sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==
|
||||
@@ -2,7 +2,8 @@
|
||||
"dependencies": {
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-scripts": "4.0.3"
|
||||
},
|
||||
"_cySkipDepInstall": true
|
||||
"react-scripts": "4.0.3",
|
||||
"webpack": "5",
|
||||
"webpack-dev-server": "4.9.3"
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,11 @@
|
||||
const { defineConfig } = require("cypress");
|
||||
|
||||
module.exports = defineConfig({
|
||||
component: {
|
||||
supportFile: false,
|
||||
devServer: {
|
||||
framework: "vue-cli",
|
||||
bundler: "webpack",
|
||||
},
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"name": "Using fixtures to represent data",
|
||||
"email": "hello@cypress.io",
|
||||
"body": "Fixtures are a great way to mock data for responses to routes"
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
{
|
||||
"name": "vue3app",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"core-js": "^2.6.5",
|
||||
"vue": "^2.6.10"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^3.12.0",
|
||||
"@vue/cli-plugin-eslint": "^3.12.0",
|
||||
"@vue/cli-service": "^3.12.0",
|
||||
"babel-eslint": "^10.0.1",
|
||||
"eslint": "^5.16.0",
|
||||
"eslint-plugin-vue": "^5.0.0",
|
||||
"vue-template-compiler": "^2.6.10"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/essential",
|
||||
"eslint:recommended"
|
||||
],
|
||||
"rules": {},
|
||||
"parserOptions": {
|
||||
"parser": "babel-eslint"
|
||||
}
|
||||
},
|
||||
"postcss": {
|
||||
"plugins": {
|
||||
"autoprefixer": {}
|
||||
}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions"
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user