Merge pull request #19347 from overleaf/td-bs5-cypress-css

Move CSS loading in Cypress to individual test spec files

GitOrigin-RevId: 92bb5167cfa81b0bd54acc724efb23b397421ccb

services/web/cypress/support/component.ts

@@ -1,5 +1,4 @@
 import 'cypress-plugin-tab'
-import '../../frontend/stylesheets/main-style.less'
 import { resetMeta } from './ct/window' // needs to be before i18n
 import '../../frontend/js/i18n'
 import './shared/commands'

services/web/frontend/js/features/settings/components/emails/email.tsx

@@ -40,7 +40,7 @@ function Email({ userEmailData }: EmailProps) {
         </div>
       )}
       {hasBadges && (
-        <div className={classnames({ small: !isBootstrap5 })}>
+        <div className={classnames({ small: !isBootstrap5() })}>
           {isPrimary && (
             <>
               <OLBadge bg="info">Primary</OLBadge>{' '}

services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx

@@ -97,7 +97,7 @@ function ReconfirmationInfo({ userEmailData }: ReconfirmationInfoProps) {
     return (
       <OLRow>
         <OLCol lg={12}>
-          {isBootstrap5 ? (
+          {isBootstrap5() ? (
             <OLNotification
               type="info"
               content={

services/web/frontend/js/features/ui/components/bootstrap-5/bootstrap-version-switcher.tsx

@@ -9,7 +9,7 @@ function BootstrapVersionSwitcher({
   bs3,
   bs5,
 }: BootstrapVersionSwitcherProps): React.ReactElement {
-  return <>{isBootstrap5 ? bs5 : bs3}</>
+  return <>{isBootstrap5() ? bs5 : bs3}</>
 }
 
 export default BootstrapVersionSwitcher

services/web/frontend/js/features/utils/bootstrap-5.ts

@@ -1,9 +1,11 @@
 import getMeta from '@/utils/meta'
 
-export const isBootstrap5 = getMeta('ol-bootstrapVersion') === 5
+// The reason this is a function to ensure that meta tag is read before any
+// isBootstrap5 check is performed
+export const isBootstrap5 = () => getMeta('ol-bootstrapVersion') === 5
 
 export const bsVersion = ({ bs5, bs3 }: { bs5?: string; bs3?: string }) => {
-  return isBootstrap5 ? bs5 : bs3
+  return isBootstrap5() ? bs5 : bs3
 }
 
 // get all `aria-*` and `data-*` attributes

services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import EditorLeftMenu from '../../../../frontend/js/features/editor-left-menu/components/editor-left-menu'
 import {
   AllowedImageName,

services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { EditorProviders } from '../../helpers/editor-providers'
 import DetachCompileButtonWrapper from '../../../../frontend/js/features/pdf-preview/components/detach-compile-button-wrapper'
 import { mockScope } from './scope'

services/web/test/frontend/components/pdf-preview/pdf-js-viewer.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { EditorProviders } from '../../helpers/editor-providers'
 import PdfJsViewer from '../../../../frontend/js/features/pdf-preview/components/pdf-js-viewer'
 import { mockScope } from './scope'

services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { EditorProviders } from '../../helpers/editor-providers'
 import PdfLogsEntries from '../../../../frontend/js/features/pdf-preview/components/pdf-logs-entries'
 import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'

services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import PdfPreviewDetachedRoot from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-detached-root'
 import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
 

services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { EditorProviders } from '../../helpers/editor-providers'
 import PdfPreviewHybridToolbar from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar'
 import { testDetachChannel } from '../../helpers/detach-channel'

services/web/test/frontend/components/pdf-preview/pdf-preview.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import localStorage from '../../../../frontend/js/infrastructure/local-storage'
 import PdfPreview from '../../../../frontend/js/features/pdf-preview/components/pdf-preview'
 import { EditorProviders } from '../../helpers/editor-providers'

services/web/test/frontend/components/pdf-preview/pdf-synctex-controls.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import PdfSynctexControls from '../../../../frontend/js/features/pdf-preview/components/pdf-synctex-controls'
 import { cloneDeep } from 'lodash'
 import { useDetachCompileContext as useCompileContext } from '../../../../frontend/js/shared/context/detach-compile-context'

services/web/test/frontend/components/project-list/notifications/group-invitation.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import GroupInvitationNotification from '@/features/project-list/components/notifications/groups/group-invitation/group-invitation'
 import { NotificationGroupInvitation } from '../../../../../types/project/dashboard/notification'
 

services/web/test/frontend/components/shared/accessible-modal.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { Modal } from 'react-bootstrap'
 import AccessibleModal from '../../../../frontend/js/shared/components/accessible-modal'
 

services/web/test/frontend/components/shared/beta-badge.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import BetaBadge from '../../../../frontend/js/shared/components/beta-badge'
 
 describe('beta badge', function () {

services/web/test/frontend/components/shared/select.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { useCallback, FormEvent } from 'react'
 import { Button, Form, FormControl } from 'react-bootstrap'
 import {

services/web/test/frontend/components/shared/split-menu.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import SplitMenu from '../../../../frontend/js/shared/components/split-menu'
 
 describe('SplitMenu', function () {

services/web/test/frontend/components/shared/split-test-badge.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import SplitTestBadge from '../../../../frontend/js/shared/components/split-test-badge'
 import { EditorProviders } from '../../helpers/editor-providers'
 

services/web/test/frontend/components/shared/start-free-trial-button.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import StartFreeTrialButton from '../../../../frontend/js/shared/components/start-free-trial-button'
 import getMeta from '@/utils/meta'
 

services/web/test/frontend/components/shared/tooltip.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import Tooltip from '../../../../frontend/js/shared/components/tooltip'
 
 describe('<Tooltip />', function () {

services/web/test/frontend/components/token-access/token-access-page.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import TokenAccessPage from '@/features/token-access/components/token-access-root'
 import { location } from '@/shared/components/location'
 

services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import FileTreeCreateNameInput from '../../../../../../frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input'
 import FileTreeCreateNameProvider from '../../../../../../frontend/js/features/file-tree/contexts/file-tree-create-name'
 

services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import { useEffect } from 'react'
 import FileTreeModalCreateFile from '../../../../../../frontend/js/features/file-tree/components/modals/file-tree-modal-create-file'
 import { useFileTreeActionable } from '../../../../../../frontend/js/features/file-tree/contexts/file-tree-actionable'

services/web/test/frontend/features/file-tree/components/file-tree-doc.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeDoc from '../../../../../frontend/js/features/file-tree/components/file-tree-doc'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { FileTreeProvider } from '../helpers/file-tree-provider'

services/web/test/frontend/features/file-tree/components/file-tree-folder-list.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeFolderList from '../../../../../frontend/js/features/file-tree/components/file-tree-folder-list'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { FileTreeProvider } from '../helpers/file-tree-provider'

services/web/test/frontend/features/file-tree/components/file-tree-folder.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeFolder from '../../../../../frontend/js/features/file-tree/components/file-tree-folder'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { FileTreeProvider } from '../helpers/file-tree-provider'

services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import FileTreeitemInner from '../../../../../../frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner'
 import FileTreeContextMenu from '../../../../../../frontend/js/features/file-tree/components/file-tree-context-menu'
 import { EditorProviders } from '../../../../helpers/editor-providers'

services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import FileTreeItemName from '../../../../../../frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name'
 import { EditorProviders } from '../../../../helpers/editor-providers'
 import { FileTreeProvider } from '../../helpers/file-tree-provider'

services/web/test/frontend/features/file-tree/components/file-tree-root.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { SocketIOMock } from '@/ide/connection/SocketIoShim'

services/web/test/frontend/features/file-tree/components/file-tree-toolbar.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeToolbar from '../../../../../frontend/js/features/file-tree/components/file-tree-toolbar'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { FileTreeProvider } from '../helpers/file-tree-provider'

services/web/test/frontend/features/file-tree/flows/context-menu.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
 import { EditorProviders } from '../../../helpers/editor-providers'
 

services/web/test/frontend/features/file-tree/flows/create-folder.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { SocketIOMock } from '@/ide/connection/SocketIoShim'

services/web/test/frontend/features/file-tree/flows/delete-entity.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { SocketIOMock } from '@/ide/connection/SocketIoShim'

services/web/test/frontend/features/file-tree/flows/rename-entity.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { SocketIOMock } from '@/ide/connection/SocketIoShim'

services/web/test/frontend/features/group-management/components/group-managers.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import GroupManagers from '@/features/group-management/components/group-managers'
 
 const JOHN_DOE = {

services/web/test/frontend/features/group-management/components/group-members.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import GroupMembers from '@/features/group-management/components/group-members'
 import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
 import { User } from '../../../../../types/group-management/user'

services/web/test/frontend/features/group-management/components/institution-managers.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import InstitutionManagers from '@/features/group-management/components/institution-managers'
 
 const JOHN_DOE = {

services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import GroupMembers from '@/features/group-management/components/group-members'
 import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
 import { User } from '../../../../../types/group-management/user'

services/web/test/frontend/features/group-management/components/members-table/dropdown-button.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import type { PropsWithChildren } from 'react'
 import sinon from 'sinon'
 import DropdownButton from '@/features/group-management/components/members-table/dropdown-button'

services/web/test/frontend/features/group-management/components/members-table/managed-user-status.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import ManagedUserStatus from '@/features/group-management/components/members-table/managed-user-status'
 import { User } from '../../../../../../types/group-management/user'
 

services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import sinon from 'sinon'
 import MemberRow from '@/features/group-management/components/members-table/member-row'
 import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'

services/web/test/frontend/features/group-management/components/members-table/members-list.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import MembersList from '@/features/group-management/components/members-table/members-list'
 import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
 import { User } from '../../../../../../types/group-management/user'

services/web/test/frontend/features/group-management/components/members-table/offboard-managed-user-modal.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import OffboardManagedUserModal from '@/features/group-management/components/members-table/offboard-managed-user-modal'
 import sinon from 'sinon'
 

services/web/test/frontend/features/group-management/components/publisher-managers.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import PublisherManagers from '@/features/group-management/components/publisher-managers'
 
 const JOHN_DOE = {

services/web/test/frontend/features/history/components/change-list.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { useState } from 'react'
 import ToggleSwitch from '../../../../../frontend/js/features/history/components/change-list/toggle-switch'
 import ChangeList from '../../../../../frontend/js/features/history/components/change-list/change-list'

services/web/test/frontend/features/history/components/document-diff-viewer.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import DocumentDiffViewer from '../../../../../frontend/js/features/history/components/diff-view/document-diff-viewer'
 import { Highlight } from '../../../../../frontend/js/features/history/services/types/doc'
 import { FC } from 'react'

services/web/test/frontend/features/history/components/toolbar.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import Toolbar from '../../../../../frontend/js/features/history/components/diff-view/toolbar/toolbar'
 import { HistoryProvider } from '../../../../../frontend/js/features/history/context/history-context'
 import { HistoryContextValue } from '../../../../../frontend/js/features/history/context/types/history-context-value'

services/web/test/frontend/features/layout/components/switch-to-editor-button.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import SwitchToEditorButton from '@/features/pdf-preview/components/switch-to-editor-button'
 

services/web/test/frontend/features/layout/components/switch-to-pdf-button.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import SwitchToPDFButton from '@/features/source-editor/components/switch-to-pdf-button'
 import { EditorProviders } from '../../../helpers/editor-providers'
 

services/web/test/frontend/features/outline/components/outline-item.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import OutlineItem from '../../../../../frontend/js/features/outline/components/outline-item'
 
 describe('<OutlineItem />', function () {

services/web/test/frontend/features/outline/components/outline-list.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import OutlineList from '../../../../../frontend/js/features/outline/components/outline-list'
 
 describe('<OutlineList />', function () {

services/web/test/frontend/features/outline/components/outline-pane.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import OutlinePane from '@/features/outline/components/outline-pane'
 import { EditorProviders, PROJECT_ID } from '../../../helpers/editor-providers'
 import { useState } from 'react'

services/web/test/frontend/features/outline/components/outline-root.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import OutlineRoot from '../../../../../frontend/js/features/outline/components/outline-root'
 
 describe('<OutlineRoot />', function () {

services/web/test/frontend/features/project-list/components/new-project-button/upload-project-modal.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../../helpers/bootstrap-3'
 import UploadProjectModal from '../../../../../../frontend/js/features/project-list/components/new-project-button/upload-project-modal'
 
 describe('<UploadProjectModal />', function () {

services/web/test/frontend/features/review-panel/review-panel.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import CodeMirrorEditor from '../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { EditorProviders } from '../../helpers/editor-providers'
 import { mockScope } from '../source-editor/helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-autocomplete.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { Folder } from '../../../../../types/folder'
 import { docId, mockDocContent } from '../helpers/mock-doc'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-close-brackets.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { mockScope } from '../helpers/mock-scope'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'

services/web/test/frontend/features/source-editor/components/codemirror-editor-cursor.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { mockScope, rootFolderId } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-fundamentals.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-shortcuts.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { mockScope } from '../helpers/mock-scope'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'

services/web/test/frontend/features/source-editor/components/codemirror-editor-spellchecker.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { mockScope } from '../helpers/mock-scope'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'

services/web/test/frontend/features/source-editor/components/codemirror-editor-table-generator.spec.tsx

@@ -1,5 +1,6 @@
 // Needed since eslint gets confused by mocha-each
 /* eslint-disable mocha/prefer-arrow-callback */
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-floats.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-list.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-paste-html.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-readonly.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { mockScope } from '../helpers/mock-scope'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-toolbar.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import { mockScope } from '../helpers/mock-scope'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual.spec.tsx

@@ -1,5 +1,6 @@
 // Needed since eslint gets confused by mocha-each
 /* eslint-disable mocha/prefer-arrow-callback */
+import '../../../helpers/bootstrap-3'
 import { FC } from 'react'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'

services/web/test/frontend/features/source-editor/components/codemirror-editor.spec.tsx

@@ -1,3 +1,4 @@
+import '../../../helpers/bootstrap-3'
 import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { mockScope } from '../helpers/mock-scope'

services/web/test/frontend/helpers/bootstrap-3.ts

@@ -0,0 +1,5 @@
+import '../../../frontend/stylesheets/main-style.less'
+
+beforeEach(function () {
+  window.metaAttributesCache.set('ol-bootstrapVersion', 3)
+})

services/web/test/frontend/helpers/bootstrap-5.ts

@@ -0,0 +1,5 @@
+import '../../../frontend/stylesheets/bootstrap-5/main-style.scss'
+
+beforeEach(function () {
+  window.metaAttributesCache.set('ol-bootstrapVersion', 5)
+})

services/web/test/frontend/infrastructure/i18n.spec.tsx

@@ -1,3 +1,4 @@
+import '../helpers/bootstrap-3'
 import { Trans, useTranslation } from 'react-i18next'
 
 describe('i18n', function () {

services/web/test/frontend/shared/hooks/use-detach-action.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { FC } from 'react'
 import useDetachAction from '../../../../frontend/js/shared/hooks/use-detach-action'
 import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'

services/web/test/frontend/shared/hooks/use-detach-layout.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import useDetachLayout from '../../../../frontend/js/shared/hooks/use-detach-layout'
 import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
 import { EditorProviders } from '../../helpers/editor-providers'

services/web/test/frontend/shared/hooks/use-detach-state.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { FC } from 'react'
 import useDetachState from '../../../../frontend/js/shared/hooks/use-detach-state'
 import { EditorProviders } from '../../helpers/editor-providers'

services/web/test/frontend/shared/hooks/use-recaptcha.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import { useRecaptcha } from '@/shared/hooks/use-recaptcha'
 import * as ReactGoogleRecaptcha from 'react-google-recaptcha'
 

services/web/test/frontend/shared/hooks/use-resize.spec.tsx

@@ -1,3 +1,4 @@
+import '../../helpers/bootstrap-3'
 import {
   usePersistedResize,
   useResize,