Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use printPlugin method in Jest

Best JavaScript code snippet using jest

Print.js

Source:Print.js

1/**2 *3 */4Oskari.clazz.define('Oskari.lupapiste.bundle.lupakartta.plugin.PrintPlugin', function () {5    this.mapModule = null;6    this.pluginName = null;7    this._sandbox = null;8    this._map = null;9    this._printUrl = null;10    this._printer = null;11}, {12    __name: 'lupakartta.PrintPlugin',13    _markers: [],14    getName: function () {15        return this.pluginName;16    },17    getMapModule: function () {18        return this.mapModule;19    },20    setMapModule: function (mapModule) {21        this.mapModule = mapModule;22        this.pluginName = mapModule.getName() + this.__name;23    },24    setPrintUrl: function (printUrl) {25        this.printUrl = printUrl;26    },27    init: function (sandbox) {28        var me = this;29        this.requestHandlers = {};30        this._printer = new OpenLayers.Control.TileStitchPrinter({31            printUrl: me.printUrl,32            beforePrint: function () {33                alert('One moment, please...');34            },35            handleResponse: function (url) {36                alert('The print is ready, and will open in a new window.');37                window.open(url);38            },39            handleError: function (error) {40                alert('Printing failed:\n\n' + error);41            }42        });43        me._map.addControl(this._printer);44        hub.subscribe('map-print', function (e) {45            var sandbox = Oskari.getSandbox();46            sandbox.printDebug('[Oskari.lupapiste.bundle.lupakartta.plugin.PrintPlugin] map-print');47            var mapmodule = sandbox.findRegisteredModuleInstance('MainMapModule');48            var printPlugin = mapmodule.getPluginInstances('lupakartta.PrintPlugin');49            printPlugin._printer.print();50        });51    },52    register: function () {53    },54    unregister: function () {55    },56    startPlugin: function (sandbox) {57        var me = this,58            p;59        me._sandbox = sandbox;60        me._map = me.getMapModule().getMap();61        sandbox.register(me);62        for (p in me.eventHandlers) {63            sandbox.registerForEventByName(me, p);64        }65    },66    stopPlugin: function (sandbox) {67        var me = this,68            p;69        for (p in me.eventHandlers) {70            sandbox.unregisterFromEventByName(me, p);71        }72        sandbox.unregister(me);73        me._map = null;74        me._sandbox = null;75    },76    /* @method start77     * called from sandbox78     */79    start: function (sandbox) {},80    /**81     * @method stop82     * called from sandbox83     *84     */85    stop: function (sandbox) {},86    eventHandlers: {},87    onEvent: function (event) {88        return this.eventHandlers[event.getName()].apply(this, [event]);89    }90}, {91    'protocol': ['Oskari.mapframework.module.Module', 'Oskari.mapframework.ui.module.common.mapmodule.Plugin']...

PrintPlugin.js

Source:PrintPlugin.js

1/**2 * Printer Plugin3 * Copyright (c) 2011 Ian Tipton (github.com/itip)4 * MIT licensed5 */6var PrintPlugin = function() {7}8PrintPlugin.prototype.callbackMap = {};9PrintPlugin.prototype.callbackIdx = 0;10/*11 print      - html string or DOM node (if latter, innerHTML is used to get the contents). REQUIRED.12 success    - callback function called if print successful.     {success: true}13 fail       - callback function called if print unsuccessful.  If print fails, {error: reason}. If printing not available: {available: false}14 options    -  {dialogOffset:{left: 0, right: 0}}. Position of popup dialog (iPad only).15 */16PrintPlugin.prototype.print = function(printHTML, success, fail, options) {17    if (typeof printHTML != 'string'){18        console.log("Print function requires an HTML string. Not an object");19        return;20    }21    //var printHTML = "";22    var dialogLeftPos = 0;23    var dialogTopPos = 0;24    if (options){25        if (options.dialogOffset){26            if (options.dialogOffset.left){27                dialogLeftPos = options.dialogOffset.left;28                if (isNaN(dialogLeftPos)){29                    dialogLeftPos = 0;30                }31            }32            if (options.dialogOffset.top){33                dialogTopPos = options.dialogOffset.top;34                if (isNaN(dialogTopPos)){35                    dialogTopPos = 0;36                }37            }38        }39    }40    var key = 'print' + this.callbackIdx++;41    window.plugins.printPlugin.callbackMap[key] = {42        success: function(result) {43            delete window.plugins.printPlugin.callbackMap[key];44            success(result);45        },46        fail: function(result) {47            delete window.plugins.printPlugin.callbackMap[key];48            fail(result);49        },50    };51    var callbackPrefix = 'window.plugins.printPlugin.callbackMap.' + key;52    return cordova.exec("PrintPlugin.print", printHTML, callbackPrefix + '.success', callbackPrefix + '.fail', dialogLeftPos, dialogTopPos);53};54/*55 * Callback function returns {available: true/false}56 */57PrintPlugin.prototype.isPrintingAvailable = function(callback) {58    var key = 'isPrintingAvailable' + this.callbackIdx++;59    window.plugins.printPlugin.callbackMap[key] = function(result) {60        delete window.plugins.printPlugin.callbackMap[key];61        callback(result);62    };63    var callbackName = 'window.plugins.printPlugin.callbackMap.' + key;64    cordova.exec("PrintPlugin.isPrintingAvailable", callbackName);65};66cordova.addConstructor(function() {67    if(!window.plugins){68        window.plugins = {};69    }70    window.plugins.printPlugin = new PrintPlugin();...

OnlineEditor2.js

Source:OnlineEditor2.js

1function _isIE(){23		var ua = window.navigator.userAgent;4		var msie = ua.indexOf('MSIE ');5		if (msie > 0) {6			return true;7		}89		var trident = ua.indexOf('Trident/');10		if (trident > 0) {11			return true;12		}1314		return false;15}161718	var docEditor;19	var divId;20	var _msgDispatcher;21	var startWarning=false;22	var displayMessage = true;2324	function onPrint(){2526		var browser = _isIE() ? PrintPlugin.PRINT_BROWSER.IE : PrintPlugin.PRINT_BROWSER.CHROME;27		if (/Edge\/\d./i.test(navigator.userAgent)){28			browser = PrintPlugin.PRINT_BROWSER.EDGE;29		}3031		var printDiv = document.getElementById('printDiv');32		if(printDiv) {33			printDiv.innerHTML = "";34		} else {35			printDiv = document.createElement('div');36			printDiv.id = 'printDiv';37			document.body.appendChild(printDiv);38		}3940		var onFinish = function(wrapperElem) {41			if (browser === PrintPlugin.PRINT_BROWSER.IE) {42				// OnlyOffice iframe will continuously try to hijack focus and IE11 will43				// end up printing the contents inside of iframe. To avoid this, we44				// disable the hijacking before printing45				//docEditor.enableFocusHijacking({'status':false});46				47				48				//setTimeout(function() {49					// print is in a timeout because the above call enableFocusHijacking50					// is an event and may take some time before it's executed51					window.focus();52					window.print();53					window.focus();54					//setTimeout(function() {55						// can't enable hijacking and clearing rendered images 56						// before print dialog is open57							//	docEditor.showProgressDiv({'type':'Print','status':false});58						//printDiv.innerHTML = "";										59					//}, 10);60					61					//setTimeout(function() {62						//docEditor.enableFocusHijacking({'status':true});		63					//}, 5000);64					65				//}, 1000);66				67			} else {68				window.focus();69				window.print();70				window.focus();							71				//printDiv.innerHTML = "";72			}73		};74		75		//docEditor.showProgressDiv({'type':'Print','status':true});76		PrintPlugin.printPDF(null, 'printDiv', browser, onFinish); 		77	}
...

PngControl.js

Source:PngControl.js

1import React, { useCallback, useState, useEffect, useContext } from 'react'2import 'leaflet'3import { useMap } from 'react-leaflet'4import 'leaflet-easyprint'5import styled from 'styled-components'6import { MdGetApp } from 'react-icons/md'7import { observer } from 'mobx-react-lite'8import storeContext from '../../../storeContext'9const FileDownloadIcon = styled(MdGetApp)`10  font-size: 1.5rem;11`12const StyledButton = styled.button`13  background-color: white;14  width: 34px;15  height: 34px;16  border-radius: 4px;17  border: 2px solid rgba(0, 0, 0, 0.2);18  background-clip: padding-box;19  cursor: pointer;20  svg {21    margin-left: -2px;22    padding-top: 2px;23    color: rgba(0, 0, 0, 0.7) !important;24  }25  margin-top: 7px;26`27const options = {28  hidden: true,29  position: 'topright',30  exportOnly: true,31  filename: 'apfloraKarte',32  hideControlContainer: true,33}34const PngControl = () => {35  const { setHideMapControls } = useContext(storeContext)36  const map = useMap()37  const [printPlugin, setPrintPlugin] = useState({})38  useEffect(() => {39    const pp = window.L.easyPrint(options)40    pp.addTo(map)41    setPrintPlugin(pp)42    return () => {43      pp.remove()44    }45  }, [map])46  useEffect(() => {47    map.on('easyPrint-finished', () => {48      setHideMapControls(false)49    })50    return () => {51      map.off('easyPrint-finished', () => {52        setHideMapControls(false)53      })54    }55  }, [map, setHideMapControls])56  const savePng = useCallback(57    (event) => {58      event.preventDefault()59      setHideMapControls(true)60      printPlugin.printMap('CurrentSize', 'apfloraKarte')61    },62    [printPlugin, setHideMapControls],63  )64  return (65    <StyledButton onClick={savePng} title="Karte als png speichern">66      <FileDownloadIcon />67    </StyledButton>68  )69}...

Jest Testing Tutorial

LambdaTest’s Jest Testing Tutorial covers step-by-step guides around Jest with code examples to help you be proficient with the Jest framework. The Jest tutorial has chapters to help you learn right from the basics of Jest framework to code-based tutorials around testing react apps with Jest, perform snapshot testing, import ES modules and more.

Chapters

What is Jest Framework
Advantages of Jest - Jest has 3,898,000 GitHub repositories, as mentioned on its official website. Learn what makes Jest special and why Jest has gained popularity among the testing and developer community.
Jest Installation - All the prerequisites and set up steps needed to help you start Jest automation testing.
Using Jest with NodeJS Project - Learn how to leverage Jest framework to automate testing using a NodeJS Project.
Writing First Test for Jest Framework - Get started with code-based tutorial to help you write and execute your first Jest framework testing script.
Jest Vocabulary - Learn the industry renowned and official jargons of the Jest framework by digging deep into the Jest vocabulary.
Unit Testing with Jest - Step-by-step tutorial to help you execute unit testing with Jest framework.
Jest Basics - Learn about the most pivotal and basic features which makes Jest special.
Jest Parameterized Tests - Avoid code duplication and fasten automation testing with Jest using parameterized tests. Parameterization allows you to trigger the same test scenario over different test configurations by incorporating parameters.
Jest Matchers - Enforce assertions better with the help of matchers. Matchers help you compare the actual output with the expected one. Here is an example to see if the object is acquired from the correct class or not. -

|it('check_object_of_Car', () => { expect(newCar()).toBeInstanceOf(Car); });| | :- |

Jest Hooks: Setup and Teardown - Learn how to set up conditions which needs to be followed by the test execution and incorporate a tear down function to free resources after the execution is complete.
Jest Code Coverage - Unsure there is no code left unchecked in your application. Jest gives a specific flag called --coverage to help you generate code coverage.
HTML Report Generation - Learn how to create a comprehensive HTML report based on your Jest test execution.
Testing React app using Jest Framework - Learn how to test your react web-application with Jest framework in this detailed Jest tutorial.
Test using LambdaTest cloud Selenium Grid - Run your Jest testing script over LambdaTest cloud-based platform and leverage parallel testing to help trim down your test execution time.
Snapshot Testing for React Front Ends - Capture screenshots of your react based web-application and compare them automatically for visual anomalies with the help of Jest tutorial.
Bonus: Import ES modules with Jest - ES modules are also known as ECMAScript modules. Learn how to best use them by importing in your Jest testing scripts.
Jest vs Mocha vs Jasmine - Learn the key differences between the most popular JavaScript-based testing frameworks i.e. Jest, Mocha, and Jasmine.
Jest FAQs(Frequently Asked Questions) - Explore the most commonly asked questions around Jest framework, with their answers.