cypress.config.ts 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. /**
  2. * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
  3. * SPDX-License-Identifier: AGPL-3.0-or-later
  4. */
  5. import {
  6. applyChangesToNextcloud,
  7. configureNextcloud,
  8. startNextcloud,
  9. stopNextcloud,
  10. waitOnNextcloud,
  11. } from './cypress/dockerNode'
  12. import { defineConfig } from 'cypress'
  13. import cypressSplit from 'cypress-split'
  14. import webpackPreprocessor from '@cypress/webpack-preprocessor'
  15. import type { Configuration } from 'webpack'
  16. import webpackConfig from './webpack.config.js'
  17. export default defineConfig({
  18. projectId: '37xpdh',
  19. // 16/9 screen ratio
  20. viewportWidth: 1280,
  21. viewportHeight: 720,
  22. // Tries again 2 more times on failure
  23. retries: {
  24. runMode: 2,
  25. // do not retry in `cypress open`
  26. openMode: 0,
  27. },
  28. // Needed to trigger `after:run` events with cypress open
  29. experimentalInteractiveRunEvents: true,
  30. // faster video processing
  31. video: !process.env.CI,
  32. videoCompression: false,
  33. // Prevent elements to be scrolled under a top bar during actions (click, clear, type, etc). Default is 'top'.
  34. // https://github.com/cypress-io/cypress/issues/871
  35. scrollBehavior: 'center',
  36. // Visual regression testing
  37. env: {
  38. failSilently: false,
  39. type: 'actual',
  40. },
  41. screenshotsFolder: 'cypress/snapshots/actual',
  42. trashAssetsBeforeRuns: true,
  43. e2e: {
  44. // Disable session isolation
  45. testIsolation: false,
  46. // We've imported your old cypress plugins here.
  47. // You may want to clean this up later by importing these.
  48. async setupNodeEvents(on, config) {
  49. cypressSplit(on, config)
  50. on('file:preprocessor', webpackPreprocessor({ webpackOptions: webpackConfig as Configuration }))
  51. // Disable spell checking to prevent rendering differences
  52. on('before:browser:launch', (browser, launchOptions) => {
  53. if (browser.family === 'chromium' && browser.name !== 'electron') {
  54. launchOptions.preferences.default['browser.enable_spellchecking'] = false
  55. return launchOptions
  56. }
  57. if (browser.family === 'firefox') {
  58. launchOptions.preferences['layout.spellcheckDefault'] = 0
  59. return launchOptions
  60. }
  61. if (browser.name === 'electron') {
  62. launchOptions.preferences.spellcheck = false
  63. return launchOptions
  64. }
  65. })
  66. // Remove container after run
  67. on('after:run', () => {
  68. if (!process.env.CI) {
  69. stopNextcloud()
  70. }
  71. })
  72. // Before the browser launches
  73. // starting Nextcloud testing container
  74. const ip = await startNextcloud(process.env.BRANCH)
  75. // Setting container's IP as base Url
  76. config.baseUrl = `http://${ip}/index.php`
  77. await waitOnNextcloud(ip)
  78. await configureNextcloud()
  79. if (!process.env.CI) {
  80. await applyChangesToNextcloud()
  81. }
  82. // IMPORTANT: return the config otherwise cypress-split will not work
  83. return config
  84. },
  85. },
  86. component: {
  87. devServer: {
  88. framework: 'vue',
  89. bundler: 'webpack',
  90. webpackConfig: async () => {
  91. process.env.npm_package_name = 'NcCypress'
  92. process.env.npm_package_version = '1.0.0'
  93. process.env.NODE_ENV = 'development'
  94. /**
  95. * Needed for cypress stubbing
  96. *
  97. * @see https://github.com/sinonjs/sinon/issues/1121
  98. * @see https://github.com/cypress-io/cypress/issues/18662
  99. */
  100. const babel = require('./babel.config.js')
  101. babel.plugins.push([
  102. '@babel/plugin-transform-modules-commonjs',
  103. {
  104. loose: true,
  105. },
  106. ])
  107. const config = webpackConfig
  108. config.module.rules.push({
  109. test: /\.svg$/,
  110. type: 'asset/source',
  111. })
  112. return config
  113. },
  114. },
  115. },
  116. })