KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta 
How to use customDifferencify method in differencify
Best JavaScript code snippet using differencify
integration.test.js
Source:integration.test.js 
1import Differencify from '../oldTests/index';2const differencify = new Differencify({ debug: true });3describe('Differencify', () => {4 beforeAll(async () => {5 await differencify.launchBrowser({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });6 });7 afterAll(async () => {8 await differencify.cleanup();9 });10 it('simple', async () => {11 await differencify12 .init()13 .newPage()14 .setViewport({ width: 1600, height: 1200 })15 .goto('http://example.com/')16 .waitFor(1000)17 .screenshot()18 .toMatchSnapshot()19 .close()20 .end();21 }, 30000);22 it('simple unchained', async () => {23 const target = differencify.init({ chain: false });24 const page = await target.newPage();25 await page.goto('http://example.com/');26 await page.setViewport({ width: 1600, height: 1200 });27 await page.waitFor(1000);28 const image = await page.screenshot();29 const result = await target.toMatchSnapshot(image);30 await page.close();31 expect(result).toEqual(true);32 }, 30000);33 it('Launch new browser per test', async () => {34 await differencify35 .init()36 .launch({ args: ['--no-sandbox', '--disable-setuid-sandbox'] })37 .newPage()38 .setViewport({ width: 1600, height: 1200 })39 .goto('http://example.com/')40 .waitFor(1000)41 .screenshot()42 .toMatchSnapshot()43 .close()44 .end();45 }, 30000);46 it('Launch new browser per test when unchained', async () => {47 const target = differencify.init({ chain: false });48 await target.launch({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });49 const page = await target.newPage();50 await page.goto('http://example.com/');51 await page.setViewport({ width: 1600, height: 1200 });52 await page.waitFor(1000);53 const image = await page.screenshot();54 const result = await target.toMatchSnapshot(image);55 await page.close();56 await target.close();57 expect(result).toEqual(true);58 }, 30000);59 it('Using result function', async () => {60 await differencify61 .init()62 .newPage()63 .setViewport({ width: 1600, height: 1200 })64 .goto('http://example.com/')65 .waitFor(1000)66 .title()67 .result((title) => {68 expect(title).toEqual('Example Domain');69 })70 .screenshot()71 .toMatchSnapshot()72 .close()73 .end();74 }, 30000);75 it('Using toMatchSnapshot callback for result details', async () => {76 await differencify77 .init()78 .newPage()79 .setViewport({ width: 1600, height: 1200 })80 .goto('http://example.com/')81 .waitFor(1000)82 .title()83 .screenshot()84 .toMatchSnapshot((resultDetail) => {85 expect(resultDetail).toEqual({86 testConfig: {87 chain: true,88 imageType: 'png',89 isJest: true,90 isUpdate: false,91 testId: 6,92 testName: 'Differencify Using toMatchSnapshot callback for result details',93 testNameProvided: false,94 testPath: '/differencify/src/integration.tests/integration.test.js',95 },96 testResult: {97 diffPercent: 0,98 distance: 0,99 matched: true,100 snapshotPath: '/differencify/src/integration.tests/__image_snapshots__/Differencify Using toMatchSnapshot callback for result details.snap.png',101 },102 });103 })104 .close()105 .end();106 }, 30000);107 it('Using toMatchSnapshot callback for result details when unchained', async () => {108 const target = differencify.init({ chain: false });109 await target.launch({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });110 const page = await target.newPage();111 await page.goto('http://example.com/');112 await page.setViewport({ width: 1600, height: 1200 });113 await page.waitFor(1000);114 const image = await page.screenshot();115 await target.toMatchSnapshot(image, (resultDetail) => {116 expect(resultDetail).toEqual({117 testConfig: {118 chain: false,119 imageType: undefined,120 isJest: true,121 isUpdate: false,122 newWindow: true,123 testId: 7,124 testName: 'Differencify Using toMatchSnapshot callback for result details when unchained',125 testNameProvided: false,126 testPath: '/differencify/src/integration.tests/integration.test.js',127 },128 testResult: {129 diffPercent: 0,130 distance: 0,131 matched: true,132 snapshotPath: '/differencify/src/integration.tests/__image_snapshots__/Differencify Using toMatchSnapshot callback for result details when unchained.snap.png',133 },134 });135 });136 await page.close();137 await target.close();138 }, 30000);139 it('Context switching when chained', async () => {140 await differencify141 .init()142 .newPage()143 .tracing144 .start({ path: 'trace.json' })145 .page146 .setViewport({ width: 1600, height: 1200 })147 .goto('http://example.com/')148 .waitFor(1000)149 .keyboard150 .press('Space')151 .tracing152 .stop()153 .page154 .screenshot()155 .toMatchSnapshot()156 .close()157 .end();158 }, 30000);159 it('Calling Puppeteer specific functions when chained: console', async () => {160 await differencify161 .init()162 .newPage()163 .on('console', (msg) => {164 for (let i = 0; i < msg.args.length; i += 1) {165 expect(`${msg.args[i]}`).toEqual('JSHandle:hello');166 }167 })168 .evaluate(() => console.log('hello'))169 .close()170 .end();171 }, 30000);172 it('Calling Puppeteer specific functions when chained: dialog', async () => {173 await differencify174 .init()175 .newPage()176 .on('dialog', async (dialog) => {177 expect(dialog.message()).toEqual('1');178 await dialog.dismiss();179 })180 .evaluate(() => alert('1'))181 .close()182 .end();183 }, 30000);184 it('Continue on chained object', async () => {185 await differencify186 .init()187 .newPage()188 .goto('http://example.com/')189 .mainFrame()190 .then191 .url()192 .result((url) => {193 expect(url).toEqual('http://example.com/');194 })195 .close()196 .end();197 }, 30000);198 it('Multiple toMatchSnapshot on chained object', async () => {199 await differencify200 .init()201 .newPage()202 .goto('http://example.com/')203 .waitFor(1000)204 .screenshot()205 .toMatchSnapshot()206 .result((result) => {207 expect(result).toEqual(true);208 })209 .goto('http://example.com/')210 .waitFor(1000)211 .screenshot()212 .toMatchSnapshot()213 .result((result) => {214 expect(result).toEqual(true);215 })216 .close()217 .end();218 }, 30000);219 it('Multiple toMatchSnapshot when unchained', async () => {220 const target = differencify.init({ chain: false });221 const page = await target.newPage();222 await page.goto('http://example.com/');223 await page.setViewport({ width: 1600, height: 1200 });224 await page.waitFor(1000);225 const image = await page.screenshot();226 const result = await target.toMatchSnapshot(image);227 await page.goto('http://example.net/');228 await page.setViewport({ width: 1600, height: 1200 });229 await page.waitFor(1000);230 const image2 = await page.screenshot();231 const result2 = await target.toMatchSnapshot(image2);232 await page.close();233 expect(result).toEqual(true);234 expect(result2).toEqual(true);235 }, 30000);236 it('Custom test name', async () => {237 const target = differencify.init({238 testName: 'test1',239 chain: false,240 });241 const page = await target.newPage();242 await page.goto('http://example.com/');243 await page.setViewport({ width: 1600, height: 1200 });244 await page.waitFor(1000);245 const image = await page.screenshot();246 const result = await target.toMatchSnapshot(image);247 await page.close();248 expect(result).toEqual(true);249 }, 30000);250 it('Custom test path', async () => {251 const customDifferencify = new Differencify({252 imageSnapshotPath: './src/integration.tests/__image_snapshots__/custom_test_path',253 debug: true,254 });255 await customDifferencify.launchBrowser({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });256 const target = customDifferencify.init({257 chain: false,258 });259 const page = await target.newPage();260 await page.setViewport({ width: 1600, height: 1200 });261 await page.goto('http://example.com/');262 await page.waitFor(1000);263 const image = await page.screenshot();264 const result = await target.toMatchSnapshot(image);265 await page.close();266 await customDifferencify.cleanup();267 expect(result).toEqual(true);268 }, 30000);269 it('Freeze image in page', async () => {270 await differencify271 .init()272 .newPage()273 .setViewport({ width: 1600, height: 1200 })274 .goto('https://i.giphy.com/media/xTiTnoUnHxVaaVNWhO/giphy.webp')275 .waitFor('body > img')276 .freezeImage('body > img')277 .screenshot()278 .toMatchSnapshot()279 .close()280 .end();281 }, 30000);282 it('simple with mock requests', async () => {283 await differencify284 .init()285 .newPage()286 .mockRequests()287 .setViewport({ width: 1600, height: 1200 })288 .goto('http://example.com/')289 .waitFor(1000)290 .screenshot()291 .toMatchSnapshot()292 .close()293 .end();294 }, 30000);295 it('simple unchained with mock requests', async () => {296 const target = differencify.init({ chain: false });297 const page = await target.newPage();298 await target.mockRequests();299 await page.goto('http://example.com/');300 await page.setViewport({ width: 1600, height: 1200 });301 await page.waitFor(1000);302 const image = await page.screenshot();303 const result = await target.toMatchSnapshot(image);304 await page.close();305 expect(result).toEqual(true);306 }, 30000);307 it('simple with mock requests', async () => {308 process.env.CI = 'true'; // This will simulate CI/CD environment309 await differencify310 .init()311 .newPage()312 .mockRequests()313 .setViewport({ width: 1600, height: 1200 })314 .goto('http://example.com/')315 .waitFor(1000)316 .screenshot()317 .toMatchSnapshot()318 .close()319 .end();320 }, 30000);321 it('simple unchained with mock requests', async () => {322 process.env.CI = 'true'; // This will simulate CI/CD environment323 const target = differencify.init({ chain: false });324 const page = await target.newPage();325 await target.mockRequests();326 await page.goto('http://example.com/');327 await page.setViewport({ width: 1600, height: 1200 });328 await page.waitFor(1000);329 const image = await page.screenshot();330 const result = await target.toMatchSnapshot(image);331 await page.close();332 expect(result).toEqual(true);333 }, 30000);334 it('mock requests and replace image', async () => {335 await differencify336 .init()337 .newPage()338 .mockRequests({ replaceImage: true })339 .setViewport({ width: 1600, height: 1200 })340 .goto('https://nimasoroush.github.io/differencify/')341 .waitFor(1000)342 .screenshot()343 .toMatchSnapshot()344 .close()345 .end();346 }, 30000);347 it('mock requests and replace image', async () => {348 process.env.CI = 'true'; // This will simulate CI/CD environment349 await differencify350 .init()351 .newPage()352 .mockRequests({ replaceImage: true })353 .setViewport({ width: 1600, height: 1200 })354 .goto('https://nimasoroush.github.io/differencify/')355 .waitFor(1000)356 .screenshot()357 .toMatchSnapshot()358 .close()359 .end();360 }, 30000);...
sm1.test.js
Source:sm1.test.js
1import Differencify from '../oldTests/index';2const differencify = new Differencify({ debug: false, headless: false });3describe('Differencify', () => {4 beforeAll(async () => {5 await differencify.launchBrowser({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });6 });7 afterAll(async () => {8 await differencify.cleanup();9 });10 it('simple unchained', async () => {11 const target = differencify.init({ chain: false });12 const page = await target.newPage();13 await page.goto('https://demo.sightmachine.io/');14 await page.setViewport({ width: 1600, height: 1200 });15 await page.waitFor(1000);16 const image = await page.screenshot();17 const result = await target.toMatchSnapshot(image);18 await page.close();19 expect(result).toEqual(true);20 }, 30000);21 it('Launch new browser per test when unchained', async () => {22 const target = differencify.init({ chain: false });23 await target.launch({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });24 const page = await target.newPage();25 await page.goto('https://demo.sightmachine.io/');26 await page.setViewport({ width: 1600, height: 1200 });27 await page.waitFor(1000);28 const image = await page.screenshot();29 const result = await target.toMatchSnapshot(image);30 await page.close();31 await target.close();32 expect(result).toEqual(true);33 }, 30000);34 it('Using toMatchSnapshot callback for result details', async () => {35 await differencify36 .init()37 .newPage()38 .setViewport({ width: 1600, height: 1200 })39 .goto('https://demo.sightmachine.io/')40 .waitFor(1000)41 .title()42 .screenshot()43 .toMatchSnapshot((resultDetail) => {44 expect(resultDetail).toEqual({45 testConfig: {46 chain: true,47 imageType: 'png',48 isJest: true,49 isUpdate: false,50 testId: 6,51 testName: 'Differencify Using toMatchSnapshot callback for result details',52 testNameProvided: false,53 testPath: '/differencify/src/sm/sm1.test.js',54 },55 testResult: {56 diffPercent: 0,57 distance: 0,58 matched: true,59 snapshotPath:60 '/differencify/src/sm/__image_snapshots__/Differencify Using toMatchSnapshot callback for result details.snap.png',61 },62 });63 })64 .close()65 .end();66 }, 30000);67 it('Multiple toMatchSnapshot when unchained', async () => {68 const target = differencify.init({ chain: false });69 const page = await target.newPage();70 await page.goto('http://example.com/');71 await page.setViewport({ width: 1600, height: 1200 });72 await page.waitFor(1000);73 const image = await page.screenshot();74 const result = await target.toMatchSnapshot(image);75 await page.goto('http://example.net/');76 await page.setViewport({ width: 1600, height: 1200 });77 await page.waitFor(1000);78 const image2 = await page.screenshot();79 const result2 = await target.toMatchSnapshot(image2);80 await page.close();81 expect(result).toEqual(true);82 expect(result2).toEqual(true);83 }, 30000);84 it('Custom test name', async () => {85 const target = differencify.init({86 testName: 'test1',87 chain: false,88 });89 const page = await target.newPage();90 await page.goto('http://example.com/');91 await page.setViewport({ width: 1600, height: 1200 });92 await page.waitFor(1000);93 const image = await page.screenshot();94 const result = await target.toMatchSnapshot(image);95 await page.close();96 expect(result).toEqual(true);97 }, 30000);98 it('Custom test path', async () => {99 const customDifferencify = new Differencify({100 imageSnapshotPath: './src/integration.tests/__image_snapshots__/custom_test_path',101 debug: true,102 });103 await customDifferencify.launchBrowser({ args: ['--no-sandbox', '--disable-setuid-sandbox'] });104 const target = customDifferencify.init({105 chain: false,106 });107 const page = await target.newPage();108 await page.setViewport({ width: 1600, height: 1200 });109 await page.goto('http://example.com/');110 await page.waitFor(1000);111 const image = await page.screenshot();112 const result = await target.toMatchSnapshot(image);113 await page.close();114 await customDifferencify.cleanup();115 expect(result).toEqual(true);116 }, 30000);117 it('Freeze image in page', async () => {118 await differencify119 .init()120 .newPage()121 .setViewport({ width: 1600, height: 1200 })122 .goto('https://i.giphy.com/media/xTiTnoUnHxVaaVNWhO/giphy.webp')123 .waitFor('body > img')124 .freezeImage('body > img')125 .screenshot()126 .toMatchSnapshot()127 .close()128 .end();129 }, 30000);130 it('simple with mock requests', async () => {131 await differencify132 .init()133 .newPage()134 .mockRequests()135 .setViewport({ width: 1600, height: 1200 })136 .goto('http://example.com/')137 .waitFor(1000)138 .screenshot()139 .toMatchSnapshot()140 .close()141 .end();142 }, 30000);143 it('simple unchained with mock requests', async () => {144 const target = differencify.init({ chain: false });145 const page = await target.newPage();146 await target.mockRequests();147 await page.goto('http://example.com/');148 await page.setViewport({ width: 1600, height: 1200 });149 await page.waitFor(1000);150 const image = await page.screenshot();151 const result = await target.toMatchSnapshot(image);152 await page.close();153 expect(result).toEqual(true);154 }, 30000);...
Using AI Code Generation
1const { customDifferencify } = require('differencify')2const differencify = customDifferencify()3const differencify = require('differencify').customDifferencify()4const { customDifferencify } = require('differencify')5const differencify = customDifferencify({ /* options */ })6const differencify = require('differencify').customDifferencify({ /* options */ })7const { customDifferencify } = require('differencify')8const differencify = customDifferencify({ /* options */ })9const differencify = require('differencify').customDifferencify({ /* options */ })10const { customDifferencify } = require('differencify')11const differencify = customDifferencify({ /* options */ })12const differencify = require('differencify').customDifferencify({ /* options */ })13const { customDifferenc
Using AI Code Generation
1const differencify = require('differencify').customDifferencify({2});3const differencify = require('differencify').customDifferencify({4});5const differencify = require('differencify').customDifferencify({6});7const differencify = require('differencify').customDifferencify({8});9const differencify = require('differencify').customDifferencify({10});11const differencify = require('differencify').customDifferencify({12});13const differencify = require('differencify').customDifferencify({14});15const differencify = require('differencify').customDifferencify({16});17const differencify = require('differencify').customDifferencify({18});19const differencify = require('differencify').customDifferencify({20});21const differencify = require('differencify').customDifferencify({22});23const differencify = require('differencify').customDifferencify({24});25const differencify = require('differencify').customDifferencify({26});
Using AI Code Generation
1const differencify = require('differencify');2const customDifferencify = differencify.init({3});4customDifferencify.setConfig({5});6customDifferencify.assertElement({7});8customDifferencify.assertScreenshot({9});10customDifferencify.assertView({11});12customDifferencify.waitAndClick({13});14customDifferencify.waitAndSetValue({15});16customDifferencify.waitAndSelectByVisibleText({17});18customDifferencify.waitAndSelectByValue({19});20customDifferencify.getDiffImage({21});22customDifferencify.getDiffImageToBase64({23});24customDifferencify.getDiffImageToBuffer({25});26customDifferencify.getDiffImageToDataURL({27});28customDifferencify.getDiffImageToBuffer({29});30customDifferencify.getDiffImageToDataURL({31});32customDifferencify.getDiffImageToBuffer({33});
Using AI Code Generation
1const customDifferencify = require('differencify').customDifferencify;2const differencify = customDifferencify({3});4const differencify = require('differencify');5const expect = require('expect-webdriverio');6differencify.init(browser, expect);7describe('Test', () => {8 it('should take a screenshot', async () => {9 await browser.pause(5000);10 await expect(browser).toMatchElement('body', { wait: 5000 });11 });12});13exports.config = {14 {15 'goog:chromeOptions': {16 },17 },18 mochaOpts: {19 },20};21{22 "scripts": {23 },24 "devDependencies": {25 }26}
Using AI Code Generation
1const differencify = require('differencify');2const customDifferencify = differencify.customDifferencify;3const customDiffConfig = {4 compare: customDifferencify.compareScreenshot({5 {6 }7 })8};9const image = browser.checkScreen('homePage', customDiffConfig);10assert.strictEqual(image.isWithinMisMatchTolerance, true, 'image is not within mismatch tolerance');11| `blockOut` | Array | [] | This will block out the array of objects which are in the format `{ top: 0, left: 0, width: 100, height: 100 }` |
Using AI Code Generation
1var differencify = require('differencify').customDifferencify;2var path = require('path');3var options = {4 baselineFolder: path.join(__dirname, '/screenshots/baseline/'),5 screenshotPath: path.join(__dirname, '/screenshots/'),6 diffPath: path.join(__dirname, '/screenshots/diff/'),7};8differencify.init(options);9describe('differencify test', function() {10 it('should take screenshot of the page', function() {11 browser.checkViewport('google');12 });13});14differencify.init(options);15describe('differencify test', function() {16 it('should take screenshot of the page', function() {17 browser.checkViewport('google');18 });19});20differencify.init(options);21describe('differencify test', function() {22 it('should take screenshot of the page', function() {23 browser.checkViewport('google');24 });25});
Using AI Code Generation
1const differencify = require('differencify');2const customDifferencify = differencify.init({ diffDirectory: 'customDiffDirectory' });3customDifferencify.setConfig({ autoSaveBaseline: true });4describe('My Test', function() {5 it('should pass', function() {6 .toMatchScreenshot('google');7 });8});9const differencify = require('differencify');10const customDifferencify = differencify.init({ diffDirectory: 'customDiffDirectory' });11customDifferencify.setConfig({ autoSaveBaseline: true });12describe('My Test', function() {13 it('should pass', function() {14 .toMatchScreenshot('google');15 });16});17const differencify = require('differencify');18const customDifferencify = differencify.init({ diffDirectory: 'customDiffDirectory' });19customDifferencify.setConfig({ autoSaveBaseline: true });20describe('My Test', function() {21 it('should pass', function() {22 .toMatchScreenshot('google');23 });24});25const differencify = require('differencify');26const customDifferencify = differencify.init({ diffDirectory: 'customDiffDirectory' });27customDifferencify.setConfig({ autoSaveBaseline: true });28describe('My Test', function() {29 it('should pass', function() {30 .toMatchScreenshot('google');31 });32});33const differencify = require('differencify');34const customDifferencify = differencify.init({ diffDirectory: 'customDiffDirectory' });35customDifferencify.setConfig({ autoSaveBaseline: true });36describe('My Test', function() {
Using AI Code Generation
1const { customDifferencify } = require('differencify');2const differencify = customDifferencify({3});4const { customDifferencify } = require('differencify');5const differencify = customDifferencify({6});7const { customDifferencify } = require('differencify');8const differencify = customDifferencify({9});10const { customDifferencify } = require('differencify');11const differencify = customDifferencify({12});13const { customDifferencify } = require('differencify');14const differencify = customDifferencify({15});16const { custom
Automation Testing Tutorials
Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.
LambdaTest Learning Hubs:
- JUnit Tutorial
- TestNG Tutorial
- Webdriver Tutorial
- WebDriverIO Tutorial
- Protractor Tutorial
- Selenium 4 Tutorial
- Jenkins Tutorial
- NUnit Tutorial
- Jest Tutorial
- Playwright Tutorial
- Cypress Tutorial
- PyTest Tutorial
YouTube
You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.
Run differencify automation tests on LambdaTest cloud grid
Perform automation testing on 3000+ real desktop and mobile devices online.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
