jodit 3.20.2 → 3.20.3

package/build/plugins/debug/debug.es2018.en.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/debug/debug.es2018.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/speech-recognize/speech-recognize.es2018.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/speech-recognize/speech-recognize.es2018.en.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/speech-recognize/speech-recognize.es2018.en.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/speech-recognize/speech-recognize.es2018.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/vdom.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/build/vdom.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
- * Version: v3.20.2
+ * Version: v3.20.3
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/package.json

@@ -1,36 +1,39 @@
 {
 	"name": "jodit",
-	"version": "3.20.2",
+	"version": "3.20.3",
 	"description": "Jodit is awesome and usefully wysiwyg editor with filebrowser",
 	"main": "build/jodit.min.js",
 	"types": "./types/index.d.ts",
 	"scripts": {
-		"coverage": "npx type-coverage ./src --detail --ignore-files 'build/**' --ignore-files 'test/**' --ignore-files 'examples/**'",
-		"newversion": "npm run lint && npm run clean && npm test && npm version patch --no-git-tag-version && npm run build && npm run newversiongit && npm publish ./ && rm -rf types/",
-		"newversiongit": "git add --all  && git commit -m \"New version $npm_package_version. Read more https://github.com/xdan/jodit/blob/master/CHANGELOG.md \" && git tag $npm_package_version && git push --tags origin HEAD:master",
 		"start": "node server.js --port=2000",
 		"clean": "rm -rf ./node_modules/.cache && rm -rf build/*",
-		"translate": "node ./build-system/utils/lang-translater.js",
-		"pretty-langs": "prettier ./src/langs --write",
-		"build": "npm run clean && npm run types && npm run build-es5 && npm run build-es2018 && npm run build-es2018-en && npm run build-no-uglify-es5 && npm run build-no-uglify-es2018 && npm run build-no-uglify-es2018-en",
-		"build-es5": "webpack --progress --mode production --env es=es5 --env uglify=true",
-		"build-es2018": "webpack --progress --mode production --env es=es2018 --env uglify=true",
-		"build-es2018-en": "webpack --progress --mode production --env es=es2018 --env excludeLangs=true --env uglify=true",
-		"build-no-uglify-es5": "webpack --progress --mode production --env es=es5 --env uglify=false",
-		"build-no-uglify-es2018": "webpack --progress --mode production --env es=es2018 --env uglify=false",
-		"build-no-uglify-es2018-en": "webpack --progress --mode production --env es=es2018 --env excludeLangs=true --env uglify=false",
-		"find-test": "node ./build-system/utils/find-tests.js",
-		"test": "npm run find-test && npm run clean && npm run test-only-run",
-		"test:screenshots": "mocha ./src/**/**.screenshot.js",
-		"test-debug": "karma start --browsers Chrome karma.conf.js  --single-run false",
-		"test-chrome": "karma start --browsers Chrome karma.conf.js",
-		"test-only-run": "karma start --browsers FirefoxHeadless karma.conf.js",
+		"lint": "npm run type:check && eslint ./src/ ./test/ && stylelint ./src/**/**.less",
+		"coverage": "npx type-coverage ./src --detail --ignore-files 'build/**' --ignore-files 'test/**' --ignore-files 'examples/**'",
+		"newversion": "npm run lint && npm run clean && npm test && npm version patch --no-git-tag-version && npm run build && npm run newversion:git && npm publish ./ && rm -rf types/",
+		"newversion:git": "git add --all  && git commit -m \"New version $npm_package_version. Read more https://github.com/xdan/jodit/blob/master/CHANGELOG.md \" && git tag $npm_package_version && git push --tags origin HEAD:master",
+		"build": "npm run clean && npm run type:build && npm run build:es5 && npm run build:es2018 && npm run build:es2018:en && npm run build:es5:no-uglify && npm run build:es2018:no-uglify && npm run build:es2018:en:no-uglify",
+		"build:es5": "webpack --progress --mode production --env es=es5 --env uglify=true",
+		"build:es5:no-uglify": "webpack --progress --mode production --env es=es5 --env uglify=false",
+		"build:es2018": "webpack --progress --mode production --env es=es2018 --env uglify=true",
+		"build:es2018:en": "webpack --progress --mode production --env es=es2018 --env excludeLangs=true --env uglify=true",
+		"build:es2018:no-uglify": "webpack --progress --mode production --env es=es2018 --env uglify=false",
+		"build:es2018:en:no-uglify": "webpack --progress --mode production --env es=es2018 --env excludeLangs=true --env uglify=false",
+		"test": "npm run test:find && npm run clean && npm run test:only-run",
+		"docker:screenshots:build": "docker build -t jodit-screenshots -f test/screenshots/Dockerfile .",
+		"docker:screenshots:run": "docker run -v $(pwd)/build:/app/build/ -v $(pwd)/test:/app/test/ -v $(pwd)/src:/app/src/ jodit-screenshots ./node_modules/.bin/mocha ./src/**/**.screenshot.js",
+		"docker:screenshots:run:es2018": "docker run -v $(pwd)/build:/app/build/ -v $(pwd)/test:/app/test/ -v $(pwd)/src:/app/src/ jodit-screenshots ./node_modules/.bin/mocha ./src/**/**.screenshot.js --build=es2018",
+		"docker:screenshots:update": "docker run -v $(pwd)/build:/app/build/ -v $(pwd)/test:/app/test/ -e SNAPSHOT_UPDATE=true -v $(pwd)/src:/app/src/ jodit-screenshots  ./node_modules/.bin/mocha ./src/**/**.screenshot.js",
+		"test:find": "node ./build-system/utils/find-tests.js",
+		"test:debug": "karma start --browsers Chrome karma.conf.js  --single-run false",
+		"test:chrome": "karma start --browsers Chrome karma.conf.js",
+		"test:only-run": "karma start --browsers FirefoxHeadless karma.conf.js",
 		"jodit": "cd ../jodit-react/ && npm update && npm run newversion && cd ../jodit-pro && npm run newversion && cd ../jodit-joomla && npm run newversion",
-		"types": "rm -rf types && mkdir -p ./types && cp -r ./src/types ./types && tsc --project . --declaration --declarationDir types --outDir types --emitDeclarationOnly --removeComments false",
 		"pretty": "npx prettier --write ./src/*.{ts,less} ./src/**/*.{ts,less} ./src/**/**/*.{ts,less} ./src/**/**/**/*.{ts,less} ./src/**/**/**/**/*.{ts,less}",
 		"fix": "npx eslint ./src/ ./test/ --fix && npm run pretty",
-		"type-check": "tsc --noemit --noErrorTruncation",
-		"lint": "npm run type-check && eslint ./src/ ./test/ && stylelint ./src/**/**.less"
+		"type:check": "tsc --noemit --noErrorTruncation",
+		"type:build": "rm -rf types && mkdir -p ./types && cp -r ./src/types ./types && tsc --project . --declaration --declarationDir types --outDir types --emitDeclarationOnly --removeComments false && npm run type:remove-styles && npm run type:resolve-alias",
+		"type:resolve-alias": "tsc-alias -p tsconfig.json ./types",
+		"type:remove-styles": "replace \"import .+.(less|svg)';\" '' ./types -r --include='*.d.ts'"
 	},
 	"repository": {
 		"type": "git",
@@ -60,8 +63,7 @@
 	"homepage": "https://xdsoft.net/jodit/",
 	"dependencies": {
 		"autobind-decorator": "^2.4.0",
-		"core-js": "^3.24.1",
-		"nock-puppeteer": "^14.4.1"
+		"core-js": "^3.24.1"
 	},
 	"devDependencies": {
 		"@types/ace": "^0.0.48",
@@ -111,6 +113,7 @@
 		"prettier": "^2.7.1",
 		"puppeteer": "^17.0.0",
 		"raw-loader": "^4.0.2",
+		"replace": "^1.2.1",
 		"style-loader": "^3.3.1",
 		"stylelint": "^14.10.0",
 		"stylelint-config-idiomatic-order": "v8.1.0",
@@ -121,6 +124,7 @@
 		"terser-webpack-plugin": "^5.3.4",
 		"ts-loader": "^9.3.1",
 		"ts-private-uglifier": "^1.0.2",
+		"tsc-alias": "^1.7.0",
 		"tslib": "^2.4.0",
 		"typescript": "^4.8.2",
 		"url-loader": "^4.1.1",

package/src/README.md

@@ -1,3 +1,5 @@
+# Jodit constructor
+
 The Jodit editor consists of modules and plugins. Modules make up the permanent basis of the editor's work,
 and plugins can add their own functionality [[plugin]].
 

package/src/core/async/README.md

@@ -1,3 +1,5 @@
+# Async module
+
 The module is designed to work with asynchronous operations inside the editor.
 
 ## Why

package/src/core/component/README.md

@@ -1,3 +1,5 @@
+# Jodit UI component system
+
 Every Jodit element inherits from [[Component]], and implements the [[IComponent]] interface accordingly.
 
 Such elements have a name

package/src/core/create/README.md

@@ -1,3 +1,5 @@
+# Create DOM module
+
 Every internal DOM node of both the editor interface and the editor content itself must be created through this module.
 This is due to the fact that the interface can be shown in an iframe, or another window.
 And in this case, you need to create its elements using the document from this window.

package/src/core/decorators/cache/README.md

@@ -1,3 +1,5 @@
+# Cache methods decorator
+
 The decorator allows you to cache the result of executing any method of the UI component.
 
 ```typescript

package/src/core/decorators/component/README.md

@@ -1,3 +1,5 @@
+# UI Component decorator
+
 Any UI component inherited from [[UIElement]] must have a component decorator
 This decorator calls `setStatus('ready')` after the `new UI()` operation
 All other decorators start their work only when the component is ready to work.

package/src/core/decorators/debounce/README.md

@@ -1,3 +1,5 @@
+# Debounce and throttle decorators
+
 Wraps a component method in [[Async.debounce]]. This makes it possible to reduce the load on 'heavy' functions.
 For example:
 

package/src/core/decorators/hook/README.md

@@ -1,3 +1,5 @@
+# Hook deorators
+
 Sets a handler for changing the component's status.
 
 ```ts

package/src/core/decorators/idle/README.md

@@ -1,3 +1,5 @@
+# Idle decorators
+
 Wrap function in [[Async.requestIdleCallback]] wrapper
 
 ```ts

package/src/core/decorators/nonenumerable/README.md

@@ -1,3 +1,5 @@
+# Non enumerable decorator
+
 Decorator that sets the enumerable property of a class field to false.
 
 ```ts

package/src/core/decorators/persistent/README.md

@@ -1,3 +1,5 @@
+# Persistent storage decorator
+
 Allow save value inside persistent storage as set/get to property
 
 ```typescript

package/src/core/decorators/wait/README.md

@@ -1,3 +1,5 @@
+# Wait something decorator
+
 Wrap function in wait wrapper, it will be called after `condition` returns `true`
 
 ```typescript

package/src/core/decorators/watch/README.md

@@ -1,3 +1,5 @@
+# Watch for something decorator
+
 The decorator allows you to hang handlers on changes to the internal fields of the component,
 as well as on any events [[EventEmitter]]
 

package/src/core/dom/README.md

@@ -1,3 +1,5 @@
+# DOM operation module
+
 A module for working with the DOM. All of its methods are static.
 For example, you can insert an element in front of another element:
 

package/src/core/event-emitter/README.md

@@ -1,3 +1,5 @@
+# Jodit Event Emitter
+
 This is the heart of Jodit. All processes inside Jodit mostly flow through events.
 
 ```js

package/src/core/helpers/README.md

@@ -1,3 +1,5 @@
+# Jodit helpers functions
+
 Assistant functions are intended for small basic operations and are divided into subgroups.
 
 For example, the [[helpers/string]] subgroup is designed to work with strings:

package/src/core/plugin/README.md

@@ -1,3 +1,5 @@
+# Jodit plugin system
+
 Jodit plugins are designed to extend the basic functionality of the editor.
 There are built-in plugins, without which the editor will not work correctly. There are plugins that add completely new functionality.
 You can write your own plugin that will either change the current behavior of the editor or add a new function.

package/src/core/request/README.md

@@ -1,3 +1,5 @@
+# Request module
+
 The module is responsible for sending requests over the network:
 
 ```js

package/src/core/selection/README.md

@@ -1,3 +1,5 @@
+# Selection module
+
 A module for working with the cursor, text selections, processing selections, inserting html in place of the cursor.
 most obvious use case
 

package/src/core/storage/README.md

@@ -1,3 +1,5 @@
+# Persistent storage module
+
 The module is designed to save information to the user's local storage.
 At startup, it is checked whether the user has allowed saving to persistent storage.
 

package/src/core/vdom/README.md

@@ -1,3 +1,5 @@
+# VDOM
+
 Experimental module for transition from "contentedatable" to work with vdom
 
 > Until the announcement, you should not use its functionality

package/src/core/view/README.md

@@ -1,3 +1,5 @@
+# Jodit View UI component
+
 Jodit components [[Component]] require the parent component [[IJodit]], or [[IViewBased]] to work.
 But Jodit itself is also a component. And for its initialization it only needs options.
 

package/src/index.ts

@@ -10,7 +10,7 @@
  * @module jodit
  */
 
-import './styles';
+import './styles/index.less';
 
 declare function require(moduleName: string): any;
 
@@ -47,18 +47,21 @@ Object.keys(Icons)
 Object.keys(Modules)
 	.filter(esFilter)
 	.forEach((key: string) => {
-		DefaultJodit.modules[key] = (Modules as any)[key];
+		// @ts-ignore
+		DefaultJodit.modules[key] = Modules[key];
 	});
 
 // Decorators
 Object.keys(decorators)
 	.filter(esFilter)
 	.forEach((key: string) => {
-		DefaultJodit.decorators[key] = (decorators as any)[key];
+		// @ts-ignore
+		DefaultJodit.decorators[key] = decorators[key];
 	});
 
 ['Confirm', 'Alert', 'Prompt'].forEach((key: string) => {
-	(DefaultJodit as any)[key] = (Modules as any)[key];
+	// @ts-ignore
+	DefaultJodit[key] = Modules[key];
 });
 
 // Languages

package/src/jodit.ts

@@ -30,6 +30,8 @@ import type {
 	IHistory
 } from './types';
 
+import type * as Modules from './modules/';
+
 import { Config } from './config';
 import * as constants from './core/constants';
 
@@ -180,8 +182,8 @@ export class Jodit extends ViewWithToolbar implements IJodit, Dlgs {
 
 	static readonly plugins: IPluginSystem = pluginSystem;
 
-	static readonly modules: IDictionary<Function> = modules;
-	static readonly ns: IDictionary<Function> = modules;
+	static modules: typeof Modules = modules as unknown as typeof Modules;
+	static ns: typeof Modules = modules as unknown as typeof Modules;
 
 	static readonly decorators: IDictionary<Function> = {};
 	static readonly constants: typeof constants = constants;

package/src/langs/index.ts

@@ -19,6 +19,7 @@ if (!process.env.EXCLUDE_LANGS) {
 	const ar = require('jodit/langs/ar');
 	const cs_cz = require('jodit/langs/cs_cz');
 	const de = require('jodit/langs/de');
+	const en = require('jodit/langs/en');
 	const es = require('jodit/langs/es');
 	const fr = require('jodit/langs/fr');
 	const he = require('jodit/langs/he');
@@ -39,6 +40,7 @@ if (!process.env.EXCLUDE_LANGS) {
 		ar,
 		cs_cz,
 		de,
+		en,
 		es,
 		fr,
 		he,
@@ -57,16 +59,15 @@ if (!process.env.EXCLUDE_LANGS) {
 	};
 }
 
-const en = require('jodit/langs/en');
-exp.en = en;
+const keys = require('jodit/langs/keys');
 
 /* Unpack array to hash */
 const get = (value: IDictionary): IDictionary =>
 		value ? value.default || value : {},
 	hashLang: IDictionary = {};
 
-if (isArray(get(en))) {
-	get(en).forEach((key: string, index: number) => {
+if (isArray(get(keys))) {
+	get(keys).forEach((key: string, index: number) => {
 		hashLang[index] = key;
 	});
 }
@@ -80,6 +81,8 @@ Object.keys(exp).forEach((lang: string) => {
 		list.forEach((value: string, index: number) => {
 			exp[lang][hashLang[index]] = value;
 		});
+	} else {
+		exp[lang] = list as IDictionary;
 	}
 });
 

package/src/langs/keys.js

@@ -0,0 +1,7 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+module.exports = {};

package/src/modules/README.md

@@ -1 +1 @@
-Jodit modules
+# Jodit modules

package/src/modules/dialog/README.md

@@ -1,3 +1,5 @@
+# Jodit dialog system
+
 The Jodit dialog system allows you to create modals with title, footer, and content.
 Each dialog is created as a separate inheritor component [[View]].
 

package/src/modules/file-browser/README.md

@@ -1,3 +1,5 @@
+# Jodit filebrowser
+
 Module for working with remote images or just files. Allows you to upload / delete / rename files on the server.
 
 > A prerequisite for the module to work is the server side. Jodit offers its own implementation in php [jodit-connectors](https://github.com/xdan/jodit-connectors). The module will not work without the server side.
@@ -276,10 +278,16 @@ const options = {
 	create: {
 		data: { action: 'folderCreate' }
 	},
-	move: {
+	fileMove: {
 		data: { action: 'fileMove' }
 	},
-	remove: {
+	fileFolder: {
+		data: { action: 'fileFolder' }
+	},
+	folderRename: {
+		data: { action: 'folderRename' }
+	},
+	fileRemove: {
 		data: { action: 'fileRemove' }
 	},
 	items: {
@@ -339,10 +347,10 @@ var editor = Jodit.make('#jodit', {
 		create: {
 			url: 'connector/create.php'
 		},
-		move: {
+    fileMove: {
 			url: 'connector/move.php'
 		},
-		remove: {
+    fileRemove: {
 			url: 'connector/remove.php'
 		},
 		items: {

package/src/modules/file-browser/file-browser.test.screenshot.js

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 
-require('../../../test/bootstrap.screenshot.js');
+require('../../../test/screenshots/bootstrap.screenshot.js');
 const expect = require('expect');
 
 describe('Filebrowser screenshot testing', () => {

package/src/modules/image-editor/README.md

@@ -1,4 +1,4 @@
-Image editor module
+# Image editor module
 
 Photo editing is configured through the interface [[ImageEditorOptions]]
 

package/src/modules/image-editor/image-editor.test.screenshot.js

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 
-require('../../../test/bootstrap.screenshot.js');
+require('../../../test/screenshots/bootstrap.screenshot.js');
 const expect = require('expect');
 
 describe('Image editor screenshot testing', () => {

package/src/modules/uploader/README.md

@@ -1,3 +1,5 @@
+# File uploader module
+
 The module for uploading files to the server is configured via the `uploader` namespace and has [[IUploaderOptions]] options.
 
 > These same options are used by default in [[IFileBrowserOptions.uploader]] but can be overridden.

package/src/plugins/color/color.test.screenshot.js

@@ -0,0 +1,26 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+require('../../../test/screenshots/bootstrap.screenshot.js');
+const expect = require('expect');
+
+describe('Color picker screenshot testing', () => {
+	describe('Open color picker', () => {
+		it('works', async function () {
+			await page.evaluate(() => {
+				return clickButton('brush', editor);
+			});
+
+			await page.waitForSelector('[role="popup"]');
+			await page.evaluate(() => editor.async.requestIdlePromise());
+			const element = await page.$(
+				'[role="popup"] .jodit-popup__content'
+			);
+			const screenshot = await element.screenshot();
+			expect(screenshot).toMatchImageSnapshot(this);
+		}).timeout(10000);
+	});
+});

package/src/plugins/image-properties/image-properties.test.screenshot.js

@@ -0,0 +1,27 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+require('../../../test/screenshots/bootstrap.screenshot.js');
+const expect = require('expect');
+
+describe('Image properties screenshot testing', () => {
+	describe('Open image properties', () => {
+		it('works', async function () {
+			await page.evaluate(() => {
+				editor.value =
+					'<p><img src="https://xdsoft.net/jodit/files/artio.jpg" /></p>';
+				simulateEvent('dblclick', editor.editor.querySelector('img'));
+			});
+
+			await page.waitForSelector('[role="dialog"]');
+			const element = await page.$(
+				'[role="dialog"] .jodit-dialog__panel'
+			);
+			const screenshot = await element.screenshot();
+			expect(screenshot).toMatchImageSnapshot(this);
+		}).timeout(10000);
+	});
+});