@wordpress/edit-post 7.5.0 → 7.7.0

package/build-style/style-rtl.css

@@ -524,6 +524,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
+  content: none;
 }
 .interface-preferences__tabs .components-tab-panel__tab-content {
   padding-right: 24px;
@@ -1447,6 +1451,9 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
 .edit-post-editor__document-overview-panel-header li:only-child {
   width: 100%;
 }
+.edit-post-editor__document-overview-panel-header.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
+  display: flex;
+}
 
 .edit-post-editor__list-view-panel-content,
 .edit-post-editor__list-view-container > .document-outline,
@@ -2135,11 +2142,19 @@ body.admin-color-sunrise {
   }
 }
 
+@supports (scrollbar-gutter: stable) {
+  .interface-interface-skeleton__header .edit-post-header {
+    scrollbar-gutter: stable;
+    overflow: hidden;
+  }
+}
+
 .interface-interface-skeleton__sidebar {
   border-right: none;
 }
 @media (min-width: 782px) {
   .is-sidebar-opened .interface-interface-skeleton__sidebar {
     border-right: 1px solid #e0e0e0;
+    overflow: hidden scroll;
   }
 }

package/build-style/style.css

@@ -524,6 +524,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 }
 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
+  content: none;
 }
 .interface-preferences__tabs .components-tab-panel__tab-content {
   padding-left: 24px;
@@ -1447,6 +1451,9 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
 .edit-post-editor__document-overview-panel-header li:only-child {
   width: 100%;
 }
+.edit-post-editor__document-overview-panel-header.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
+  display: flex;
+}
 
 .edit-post-editor__list-view-panel-content,
 .edit-post-editor__list-view-container > .document-outline,
@@ -2135,11 +2142,19 @@ body.admin-color-sunrise {
   }
 }
 
+@supports (scrollbar-gutter: stable) {
+  .interface-interface-skeleton__header .edit-post-header {
+    scrollbar-gutter: stable;
+    overflow: hidden;
+  }
+}
+
 .interface-interface-skeleton__sidebar {
   border-left: none;
 }
 @media (min-width: 782px) {
   .is-sidebar-opened .interface-interface-skeleton__sidebar {
     border-left: 1px solid #e0e0e0;
+    overflow: hidden scroll;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "7.5.0",
+	"version": "7.7.0",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,36 +27,35 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.28.0",
-		"@wordpress/api-fetch": "^6.25.0",
-		"@wordpress/block-editor": "^11.5.0",
-		"@wordpress/block-library": "^8.5.0",
-		"@wordpress/blocks": "^12.5.0",
-		"@wordpress/components": "^23.5.0",
-		"@wordpress/compose": "^6.5.0",
-		"@wordpress/core-data": "^6.5.0",
-		"@wordpress/data": "^8.5.0",
-		"@wordpress/deprecated": "^3.28.0",
-		"@wordpress/dom": "^3.28.0",
-		"@wordpress/editor": "^13.5.0",
-		"@wordpress/element": "^5.5.0",
-		"@wordpress/hooks": "^3.28.0",
-		"@wordpress/i18n": "^4.28.0",
-		"@wordpress/icons": "^9.19.0",
-		"@wordpress/interface": "^5.5.0",
-		"@wordpress/keyboard-shortcuts": "^4.5.0",
-		"@wordpress/keycodes": "^3.28.0",
-		"@wordpress/media-utils": "^4.19.0",
-		"@wordpress/notices": "^3.28.0",
-		"@wordpress/plugins": "^5.5.0",
-		"@wordpress/preferences": "^3.5.0",
-		"@wordpress/private-apis": "^0.10.0",
-		"@wordpress/url": "^3.29.0",
-		"@wordpress/viewport": "^5.5.0",
-		"@wordpress/warning": "^2.28.0",
-		"@wordpress/widgets": "^3.5.0",
+		"@wordpress/a11y": "^3.30.0",
+		"@wordpress/api-fetch": "^6.27.0",
+		"@wordpress/block-editor": "^11.7.0",
+		"@wordpress/block-library": "^8.7.0",
+		"@wordpress/blocks": "^12.7.0",
+		"@wordpress/components": "^23.7.0",
+		"@wordpress/compose": "^6.7.0",
+		"@wordpress/core-data": "^6.7.0",
+		"@wordpress/data": "^9.0.0",
+		"@wordpress/deprecated": "^3.30.0",
+		"@wordpress/dom": "^3.30.0",
+		"@wordpress/editor": "^13.7.0",
+		"@wordpress/element": "^5.7.0",
+		"@wordpress/hooks": "^3.30.0",
+		"@wordpress/i18n": "^4.30.0",
+		"@wordpress/icons": "^9.21.0",
+		"@wordpress/interface": "^5.7.0",
+		"@wordpress/keyboard-shortcuts": "^4.7.0",
+		"@wordpress/keycodes": "^3.30.0",
+		"@wordpress/media-utils": "^4.21.0",
+		"@wordpress/notices": "^3.30.0",
+		"@wordpress/plugins": "^5.7.0",
+		"@wordpress/preferences": "^3.7.0",
+		"@wordpress/private-apis": "^0.12.0",
+		"@wordpress/url": "^3.31.0",
+		"@wordpress/viewport": "^5.7.0",
+		"@wordpress/warning": "^2.30.0",
+		"@wordpress/widgets": "^3.7.0",
 		"classnames": "^2.3.1",
-		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
 		"rememo": "^4.0.0"
 	},
@@ -67,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d5e03a74b79e3ca84afda24375474a103a063ee4"
+	"gitHead": "d5c28a67b11e91e3e4b8e90346bfcb90909364d6"
 }

package/src/components/header/header-toolbar/index.native.js

@@ -99,8 +99,13 @@ function HeaderToolbar( {
 		? wasNoContentSelected.current
 		: noContentSelected;
 
+	/* translators: accessibility text for the editor toolbar */
+	const toolbarAriaLabel = __( 'Document tools' );
+
 	return (
 		<View
+			testID={ toolbarAriaLabel }
+			accessibilityLabel={ toolbarAriaLabel }
 			style={ [
 				getStylesFromColorScheme(
 					styles[ 'header-toolbar__container' ],

package/src/components/header/post-publish-button-or-toggle.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -83,11 +78,10 @@ export function PostPublishButtonOrToggle( {
 
 export default compose(
 	withSelect( ( select ) => ( {
-		hasPublishAction: get(
-			select( editorStore ).getCurrentPost(),
-			[ '_links', 'wp:action-publish' ],
-			false
-		),
+		hasPublishAction:
+			select( editorStore ).getCurrentPost()?._links?.[
+				'wp:action-publish'
+			] ?? false,
 		isBeingScheduled: select( editorStore ).isEditedPostBeingScheduled(),
 		isPending: select( editorStore ).isCurrentPostPending(),
 		isPublished: select( editorStore ).isCurrentPostPublished(),

package/src/components/header/template-title/edit-template-title.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { mapValues } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -61,14 +56,15 @@ export default function EditTemplateTitle() {
 					setForceEmpty( false );
 
 					const settings = getEditorSettings();
-					const newAvailableTemplates = mapValues(
-						settings.availableTemplates,
-						( existingTitle, id ) => {
-							if ( id !== template.slug ) {
-								return existingTitle;
+					const newAvailableTemplates = Object.fromEntries(
+						Object.entries( settings.availableTemplates ?? {} ).map(
+							( [ id, existingTitle ] ) => {
+								if ( id !== template.slug ) {
+									return existingTitle;
+								}
+								return newTitle;
 							}
-							return newTitle;
-						}
+						)
 					);
 					updateEditorSettings( {
 						...settings,

package/src/components/header/tools-more-menu-group/index.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { isEmpty } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -15,7 +10,7 @@ const { Fill: ToolsMoreMenuGroup, Slot } =
 ToolsMoreMenuGroup.Slot = ( { fillProps } ) => (
 	<Slot fillProps={ fillProps }>
 		{ ( fills ) =>
-			! isEmpty( fills ) && (
+			fills.length > 0 && (
 				<MenuGroup label={ __( 'Tools' ) }>{ fills }</MenuGroup>
 			)
 		}

package/src/components/layout/index.js

@@ -83,7 +83,7 @@ function Layout( { styles } ) {
 		isInserterOpened,
 		isListViewOpened,
 		showIconLabels,
-		isDistractionFreeMode,
+		isDistractionFree,
 		showBlockBreadcrumbs,
 		isTemplateMode,
 		documentLabel,
@@ -116,7 +116,7 @@ function Layout( { styles } ) {
 			).getAllShortcutKeyCombinations( 'core/edit-post/next-region' ),
 			showIconLabels:
 				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
-			isDistractionFreeMode:
+			isDistractionFree:
 				select( editPostStore ).isFeatureActive( 'distractionFree' ),
 			showBlockBreadcrumbs: select( editPostStore ).isFeatureActive(
 				'showBlockBreadcrumbs'
@@ -126,8 +126,6 @@ function Layout( { styles } ) {
 		};
 	}, [] );
 
-	const isDistractionFree = isDistractionFreeMode && isLargeViewport;
-
 	const openSidebarPanel = () =>
 		openGeneralSidebar(
 			hasBlockSelected ? 'edit-post/block' : 'edit-post/document'
@@ -164,7 +162,7 @@ function Layout( { styles } ) {
 		'has-fixed-toolbar': hasFixedToolbar,
 		'has-metaboxes': hasActiveMetaboxes,
 		'show-icon-labels': showIconLabels,
-		'is-distraction-free': isDistractionFree,
+		'is-distraction-free': isDistractionFree && isLargeViewport,
 		'is-entity-save-view-open': !! entitiesSavedStatesCallback,
 	} );
 
@@ -206,7 +204,7 @@ function Layout( { styles } ) {
 			<EditorKeyboardShortcutsRegister />
 			<SettingsSidebar />
 			<InterfaceSkeleton
-				isDistractionFree={ isDistractionFree }
+				isDistractionFree={ isDistractionFree && isLargeViewport }
 				className={ className }
 				labels={ {
 					...interfaceLabels,
@@ -252,7 +250,7 @@ function Layout( { styles } ) {
 						{ isRichEditingEnabled && mode === 'visual' && (
 							<VisualEditor styles={ styles } />
 						) }
-						{ ! isTemplateMode && (
+						{ ! isDistractionFree && ! isTemplateMode && (
 							<div className="edit-post-layout__metaboxes">
 								<MetaBoxes location="normal" />
 								<MetaBoxes location="advanced" />
@@ -265,8 +263,8 @@ function Layout( { styles } ) {
 				}
 				footer={
 					! isDistractionFree &&
-					showBlockBreadcrumbs &&
 					! isMobileViewport &&
+					showBlockBreadcrumbs &&
 					isRichEditingEnabled &&
 					mode === 'visual' && (
 						<div className="edit-post-layout__footer">

package/src/components/preferences-modal/index.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -213,10 +208,7 @@ export default function EditPostPreferencesModal() {
 							<PostTaxonomies
 								taxonomyWrapper={ ( content, taxonomy ) => (
 									<EnablePanelOption
-										label={ get( taxonomy, [
-											'labels',
-											'menu_name',
-										] ) }
+										label={ taxonomy.labels.menu_name }
 										panelName={ `taxonomy-panel-${ taxonomy.slug }` }
 									/>
 								) }

package/src/components/preferences-modal/test/__snapshots__/index.js.snap

@@ -733,7 +733,7 @@ exports[`EditPostPreferencesModal should match snapshot when the modal is active
           class="emotion-2 components-navigator-screen"
           data-wp-c16t="true"
           data-wp-component="NavigatorScreen"
-          style="opacity: 0; transform: translateX(50px) translateZ(0);"
+          style="opacity: 1; transform: none;"
         >
           <div
             class="components-surface components-card emotion-3 emotion-1"

package/src/components/secondary-sidebar/style.scss

@@ -51,6 +51,12 @@
 	li:only-child {
 		width: 100%;
 	}
+
+	&.components-panel__header.edit-post-sidebar__panel-tabs {
+		.components-button.has-icon {
+			display: flex;
+		}
+	}
 }
 
 .edit-post-editor__list-view-panel-content,

package/src/components/sidebar/post-taxonomies/taxonomy-panel.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -26,7 +21,7 @@ function TaxonomyPanel( {
 		return null;
 	}
 
-	const taxonomyMenuName = get( taxonomy, [ 'labels', 'menu_name' ] );
+	const taxonomyMenuName = taxonomy?.labels?.menu_name;
 	if ( ! taxonomyMenuName ) {
 		return null;
 	}
@@ -44,7 +39,7 @@ function TaxonomyPanel( {
 
 export default compose(
 	withSelect( ( select, ownProps ) => {
-		const slug = get( ownProps.taxonomy, [ 'slug' ] );
+		const slug = ownProps.taxonomy?.slug;
 		const panelName = slug ? `taxonomy-panel-${ slug }` : '';
 		return {
 			panelName,

package/src/components/sidebar/post-template/create-modal.js

@@ -116,7 +116,7 @@ export default function PostTemplateCreateModal( { onClose } ) {
 						placeholder={ DEFAULT_TITLE }
 						disabled={ isBusy }
 						help={ __(
-							'Describe the template, e.g. "Post with sidebar". Custom templates can be applied to any post or page.'
+							'Describe the template, e.g. "Post with sidebar". A custom template can be manually applied to any post or page.'
 						) }
 					/>
 					<HStack justify="right">

package/src/components/visual-editor/index.js

@@ -67,12 +67,12 @@ function MaybeIframe( { children, contentRef, shouldIframe, styles, style } ) {
 
 	return (
 		<Iframe
-			head={ <EditorStyles styles={ styles } /> }
 			ref={ ref }
 			contentRef={ contentRef }
 			style={ { width: '100%', height: '100%', display: 'block' } }
 			name="editor-canvas"
 		>
+			<EditorStyles styles={ styles } />
 			{ children }
 		</Iframe>
 	);
@@ -80,19 +80,20 @@ function MaybeIframe( { children, contentRef, shouldIframe, styles, style } ) {
 
 /**
  * Given an array of nested blocks, find the first Post Content
- * block inside it, recursing through any nesting levels.
+ * block inside it, recursing through any nesting levels,
+ * and return its attributes.
  *
  * @param {Array} blocks A list of blocks.
  *
  * @return {Object | undefined} The Post Content block.
  */
-function findPostContent( blocks ) {
+function getPostContentAttributes( blocks ) {
 	for ( let i = 0; i < blocks.length; i++ ) {
 		if ( blocks[ i ].name === 'core/post-content' ) {
-			return blocks[ i ];
+			return blocks[ i ].attributes;
 		}
 		if ( blocks[ i ].innerBlocks.length ) {
-			const nestedPostContent = findPostContent(
+			const nestedPostContent = getPostContentAttributes(
 				blocks[ i ].innerBlocks
 			);
 
@@ -108,6 +109,7 @@ export default function VisualEditor( { styles } ) {
 		deviceType,
 		isWelcomeGuideVisible,
 		isTemplateMode,
+		postContentAttributes,
 		editedPostTemplate = {},
 		wrapperBlockName,
 		wrapperUniqueId,
@@ -116,8 +118,8 @@ export default function VisualEditor( { styles } ) {
 		const {
 			isFeatureActive,
 			isEditingTemplate,
-			__experimentalGetPreviewDeviceType,
 			getEditedPostTemplate,
+			__experimentalGetPreviewDeviceType,
 		} = select( editPostStore );
 		const { getCurrentPostId, getCurrentPostType, getEditorSettings } =
 			select( editorStore );
@@ -141,8 +143,9 @@ export default function VisualEditor( { styles } ) {
 			deviceType: __experimentalGetPreviewDeviceType(),
 			isWelcomeGuideVisible: isFeatureActive( 'welcomeGuide' ),
 			isTemplateMode: _isTemplateMode,
+			postContentAttributes: getEditorSettings().postContentAttributes,
 			// Post template fetch returns a 404 on classic themes, which
-			// messes with e2e tests, so we check it's a block theme first.
+			// messes with e2e tests, so check it's a block theme first.
 			editedPostTemplate:
 				supportsTemplateMode && canEditTemplate
 					? getEditedPostTemplate()
@@ -230,10 +233,13 @@ export default function VisualEditor( { styles } ) {
 		return { type: 'default' };
 	}, [ isTemplateMode, themeSupportsLayout, globalLayoutSettings ] );
 
-	const postContentBlock = useMemo( () => {
+	const newestPostContentAttributes = useMemo( () => {
+		if ( ! editedPostTemplate?.content && ! editedPostTemplate?.blocks ) {
+			return postContentAttributes;
+		}
 		// When in template editing mode, we can access the blocks directly.
 		if ( editedPostTemplate?.blocks ) {
-			return findPostContent( editedPostTemplate?.blocks );
+			return getPostContentAttributes( editedPostTemplate?.blocks );
 		}
 		// If there are no blocks, we have to parse the content string.
 		// Best double-check it's a string otherwise the parse function gets unhappy.
@@ -242,10 +248,19 @@ export default function VisualEditor( { styles } ) {
 				? editedPostTemplate?.content
 				: '';
 
-		return findPostContent( parse( parseableContent ) ) || {};
-	}, [ editedPostTemplate?.content, editedPostTemplate?.blocks ] );
+		return getPostContentAttributes( parse( parseableContent ) ) || {};
+	}, [
+		editedPostTemplate?.content,
+		editedPostTemplate?.blocks,
+		postContentAttributes,
+	] );
+
+	const layout = newestPostContentAttributes?.layout || {};
 
-	const postContentLayoutClasses = useLayoutClasses( postContentBlock );
+	const postContentLayoutClasses = useLayoutClasses(
+		newestPostContentAttributes,
+		'core/post-content'
+	);
 
 	const blockListLayoutClass = classnames(
 		{
@@ -255,12 +270,11 @@ export default function VisualEditor( { styles } ) {
 	);
 
 	const postContentLayoutStyles = useLayoutStyles(
-		postContentBlock,
+		newestPostContentAttributes,
+		'core/post-content',
 		'.block-editor-block-list__layout.is-root-container'
 	);
 
-	const layout = postContentBlock?.attributes?.layout || {};
-
 	// Update type for blocks using legacy layouts.
 	const postContentLayout = useMemo( () => {
 		return layout &&
@@ -280,7 +294,7 @@ export default function VisualEditor( { styles } ) {
 
 	// If there is a Post Content block we use its layout for the block list;
 	// if not, this must be a classic theme, in which case we use the fallback layout.
-	const blockListLayout = postContentBlock?.isValid
+	const blockListLayout = postContentAttributes
 		? postContentLayout
 		: fallbackLayout;
 
@@ -318,7 +332,7 @@ export default function VisualEditor( { styles } ) {
 			<motion.div
 				className="edit-post-visual-editor__content-area"
 				animate={ {
-					padding: isTemplateMode ? '48px 48px 0' : '0',
+					padding: isTemplateMode ? '48px 48px 0' : 0,
 				} }
 				ref={ blockSelectionClearerRef }
 			>
@@ -376,15 +390,11 @@ export default function VisualEditor( { styles } ) {
 						{ ! isTemplateMode && (
 							<div
 								className={ classnames(
-									// This wrapper div should have the same
-									// classes as the block list beneath.
-									'is-root-container',
-									'block-editor-block-list__layout',
 									'edit-post-visual-editor__post-title-wrapper',
 									{
 										'is-focus-mode': isFocusMode,
 									},
-									blockListLayoutClass
+									'is-layout-flow'
 								) }
 								contentEditable={ false }
 							>

package/src/components/welcome-guide/default.js

@@ -110,7 +110,7 @@ export default function WelcomeGuideDefault() {
 								) }
 								<ExternalLink
 									href={ __(
-										'https://wordpress.org/support/article/wordpress-editor/'
+										'https://wordpress.org/documentation/article/wordpress-block-editor/'
 									) }
 								>
 									{ __( "Here's a detailed guide." ) }

package/src/index.js

@@ -11,7 +11,10 @@ import { createRoot } from '@wordpress/element';
 import { dispatch, select } from '@wordpress/data';
 import { addFilter } from '@wordpress/hooks';
 import { store as preferencesStore } from '@wordpress/preferences';
-import { registerLegacyWidgetBlock } from '@wordpress/widgets';
+import {
+	registerLegacyWidgetBlock,
+	registerWidgetGroupBlock,
+} from '@wordpress/widgets';
 
 /**
  * Internal dependencies
@@ -68,6 +71,7 @@ export function initializeEditor(
 
 	registerCoreBlocks();
 	registerLegacyWidgetBlock( { inserter: false } );
+	registerWidgetGroupBlock( { inserter: false } );
 	if ( process.env.IS_GUTENBERG_PLUGIN ) {
 		__experimentalRegisterExperimentalCoreBlocks( {
 			enableFSEBlocks: settings.__unstableEnableFullSiteEditingBlocks,

package/src/store/actions.js

@@ -294,7 +294,7 @@ export const showBlockTypes =
 			( type ) =>
 				! (
 					Array.isArray( blockNames ) ? blockNames : [ blockNames ]
-				 ).includes( type )
+				).includes( type )
 		);
 
 		registry

package/src/style.scss

@@ -99,6 +99,15 @@ body.block-editor-page {
 
 @include wordpress-admin-schemes();
 
+.interface-interface-skeleton__header .edit-post-header {
+	@supports (scrollbar-gutter: stable) {
+		// The scrollbar-gutter property ensures space is reserved for the scrollbar to appear,
+		// when scrollbars are set to be always visible. This ensure icons stay visually aligned.
+		scrollbar-gutter: stable;
+		overflow: hidden;
+	}
+}
+
 // The edit-site package adds or removes the sidebar when it's opened or closed.
 // The edit-post package, however, always has the sidebar in the canvas.
 // These edit-post specific rules ensures there isn't a border on the right of
@@ -109,6 +118,7 @@ body.block-editor-page {
 	.is-sidebar-opened & {
 		@include break-medium() {
 			border-left: $border-width solid $gray-200;
+			overflow: hidden scroll;
 		}
 	}
 }

package/src/test/editor.native.js

@@ -26,7 +26,7 @@ const unsupportedBlock = `
 `;
 
 beforeAll( () => {
-	jest.useFakeTimers( 'legacy' );
+	jest.useFakeTimers( { legacyFakeTimers: true } );
 } );
 
 afterAll( () => {