Unlock 30% off on Manual Testing Annual Plans this Holiday Season. 
Use Code: LCMYEARENDEXCL30
Use Code: LCMYEARENDEXCL30Check icon
Copied to Clipboard!
How to use createImage method in Playwright Internal
Best JavaScript code snippet using playwright-internal
UrlTemplateImageryProviderSpec.js
Source:UrlTemplateImageryProviderSpec.js 
...96 expect(provider.tilingScheme).toBeInstanceOf(WebMercatorTilingScheme);97 expect(provider.rectangle).toEqual(new WebMercatorTilingScheme().rectangle);98 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {99 // Just return any old image.100 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);101 });102 return provider.requestImage(0, 0, 0).then(function(image) {103 expect(Resource._Implementations.createImage).toHaveBeenCalled();104 expect(image).toBeInstanceOf(Image);105 });106 });107 });108 it('when no credit is supplied, the provider has no logo', function() {109 var provider = new UrlTemplateImageryProvider({110 url: 'made/up/tms/server'111 });112 expect(provider.credit).toBeUndefined();113 });114 it('turns the supplied credit into a logo', function() {115 var providerWithCredit = new UrlTemplateImageryProvider({116 url: 'made/up/gms/server',117 credit: 'Thanks to our awesome made up source of this imagery!'118 });119 expect(providerWithCredit.credit).toBeDefined();120 });121 it('rectangle passed to constructor does not affect tile numbering', function() {122 var rectangle = new Rectangle(0.1, 0.2, 0.3, 0.4);123 var provider = new UrlTemplateImageryProvider({124 url: 'made/up/tms/server/{z}/{x}/{reverseY}',125 rectangle: rectangle126 });127 return pollToPromise(function() {128 return provider.ready;129 }).then(function() {130 expect(provider.tileWidth).toEqual(256);131 expect(provider.tileHeight).toEqual(256);132 expect(provider.maximumLevel).toBeUndefined();133 expect(provider.minimumLevel).toBe(0);134 expect(provider.tilingScheme).toBeInstanceOf(WebMercatorTilingScheme);135 expect(provider.rectangle).toEqualEpsilon(rectangle, CesiumMath.EPSILON14);136 expect(provider.tileDiscardPolicy).toBeUndefined();137 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {138 expect(url).toContain('/0/0/0');139 // Just return any old image.140 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);141 });142 return provider.requestImage(0, 0, 0).then(function(image) {143 expect(Resource._Implementations.createImage).toHaveBeenCalled();144 expect(image).toBeInstanceOf(Image);145 });146 });147 });148 it('uses minimumLevel and maximumLevel passed to constructor', function() {149 var provider = new UrlTemplateImageryProvider({150 url: 'made/up/tms/server',151 minimumLevel: 1,152 maximumLevel: 5153 });154 return pollToPromise(function() {155 return provider.ready;156 }).then(function() {157 expect(provider.minimumLevel).toEqual(1);158 expect(provider.maximumLevel).toEqual(5);159 });160 });161 it('raises error event when image cannot be loaded', function() {162 var provider = new UrlTemplateImageryProvider({163 url: 'made/up/tms/server'164 });165 var layer = new ImageryLayer(provider);166 var tries = 0;167 provider.errorEvent.addEventListener(function(error) {168 expect(error.timesRetried).toEqual(tries);169 ++tries;170 if (tries < 3) {171 error.retry = true;172 }173 setTimeout(function() {174 RequestScheduler.update();175 }, 1);176 });177 Resource._Implementations.createImage = function(url, crossOrigin, deferred) {178 if (tries === 2) {179 // Succeed after 2 tries180 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);181 } else {182 // fail183 setTimeout(function() {184 deferred.reject();185 }, 1);186 }187 };188 return pollToPromise(function() {189 return provider.ready;190 }).then(function() {191 var imagery = new Imagery(layer, 0, 0, 0);192 imagery.addReference();193 layer._requestImagery(imagery);194 RequestScheduler.update();195 return pollToPromise(function() {196 return imagery.state === ImageryState.RECEIVED;197 }).then(function() {198 expect(imagery.image).toBeInstanceOf(Image);199 expect(tries).toEqual(2);200 imagery.releaseReference();201 });202 });203 });204 it('evaluation of pattern X Y reverseX reverseY Z reverseZ', function() {205 var provider = new UrlTemplateImageryProvider({206 url: 'made/up/tms/server/{z}/{reverseZ}/{reverseY}/{y}/{reverseX}/{x}.PNG',207 tilingScheme: new GeographicTilingScheme(),208 maximumLevel: 6209 });210 return pollToPromise(function() {211 return provider.ready;212 }).then(function() {213 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {214 expect(url).toEqual('made/up/tms/server/2/3/2/1/4/3.PNG');215 // Just return any old image.216 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);217 });218 return provider.requestImage(3, 1, 2).then(function(image) {219 expect(Resource._Implementations.createImage).toHaveBeenCalled();220 expect(image).toBeInstanceOf(Image);221 });222 });223 });224 it('evaluation of schema zero padding for X Y Z as 0000', function() {225 var provider = new UrlTemplateImageryProvider({226 url: 'made/up/tms/server/{z}/{reverseZ}/{reverseY}/{y}/{reverseX}/{x}.PNG',227 urlSchemeZeroPadding: {228 '{x}' : '0000',229 '{y}' : '0000',230 '{z}' : '0000'231 },232 tilingScheme: new GeographicTilingScheme(),233 maximumLevel: 6234 });235 return pollToPromise(function() {236 return provider.ready;237 }).then(function() {238 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {239 expect(url).toEqual('made/up/tms/server/0002/3/2/0001/4/0003.PNG');240 // Just return any old image.241 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);242 });243 return provider.requestImage(3, 1, 2).then(function(image) {244 expect(Resource._Implementations.createImage).toHaveBeenCalled();245 expect(image).toBeInstanceOf(Image);246 });247 });248 });249 it('evaluation of schema zero padding for reverseX reverseY reverseZ as 0000', function() {250 var provider = new UrlTemplateImageryProvider({251 url: 'made/up/tms/server/{z}/{reverseZ}/{reverseY}/{y}/{reverseX}/{x}.PNG',252 urlSchemeZeroPadding: {253 '{reverseX}' : '0000',254 '{reverseY}' : '0000',255 '{reverseZ}' : '0000'256 },257 tilingScheme: new GeographicTilingScheme(),258 maximumLevel: 6259 });260 return pollToPromise(function() {261 return provider.ready;262 }).then(function() {263 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {264 expect(url).toEqual('made/up/tms/server/2/0003/0002/1/0004/3.PNG');265 // Just return any old image.266 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);267 });268 return provider.requestImage(3, 1, 2).then(function(image) {269 expect(Resource._Implementations.createImage).toHaveBeenCalled();270 expect(image).toBeInstanceOf(Image);271 });272 });273 });274 it('evaluation of schema zero padding for x y z as 0000 and large x and y', function() {275 var provider = new UrlTemplateImageryProvider({276 url: 'made/up/tms/server/{z}/{reverseZ}/{reverseY}/{y}/{reverseX}/{x}.PNG',277 urlSchemeZeroPadding: {278 '{x}' : '0000',279 '{y}' : '0000',280 '{z}' : '0000'281 },282 tilingScheme: new GeographicTilingScheme(),283 maximumLevel: 6284 });285 return pollToPromise(function() {286 return provider.ready;287 }).then(function() {288 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {289 expect(url).toEqual('made/up/tms/server/0005/0/21/0010/51/0012.PNG');290 // Just return any old image.291 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);292 });293 return provider.requestImage(12, 10, 5).then(function(image) {294 expect(Resource._Implementations.createImage).toHaveBeenCalled();295 expect(image).toBeInstanceOf(Image);296 });297 });298 });299 it('evaluates pattern northDegrees', function() {300 var provider = new UrlTemplateImageryProvider({301 url: '{northDegrees}',302 tilingScheme: new GeographicTilingScheme()303 });304 return pollToPromise(function() {305 return provider.ready;306 }).then(function() {307 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {308 expect(url).toEqualEpsilon(45.0, CesiumMath.EPSILON11);309 // Just return any old image.310 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);311 });312 return provider.requestImage(3, 1, 2).then(function(image) {313 expect(Resource._Implementations.createImage).toHaveBeenCalled();314 expect(image).toBeInstanceOf(Image);315 });316 });317 });318 it('evaluates pattern southDegrees', function() {319 var provider = new UrlTemplateImageryProvider({320 url: '{southDegrees}',321 tilingScheme: new GeographicTilingScheme()322 });323 return pollToPromise(function() {324 return provider.ready;325 }).then(function() {326 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {327 expect(url).toEqualEpsilon(0.0, CesiumMath.EPSILON11);328 // Just return any old image.329 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);330 });331 return provider.requestImage(3, 1, 2).then(function(image) {332 expect(Resource._Implementations.createImage).toHaveBeenCalled();333 expect(image).toBeInstanceOf(Image);334 });335 });336 });337 it('evaluates pattern eastDegrees', function() {338 var provider = new UrlTemplateImageryProvider({339 url: '{eastDegrees}',340 tilingScheme: new GeographicTilingScheme()341 });342 return pollToPromise(function() {343 return provider.ready;344 }).then(function() {345 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {346 expect(url).toEqualEpsilon(0.0, CesiumMath.EPSILON11);347 // Just return any old image.348 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);349 });350 return provider.requestImage(3, 1, 2).then(function(image) {351 expect(Resource._Implementations.createImage).toHaveBeenCalled();352 expect(image).toBeInstanceOf(Image);353 });354 });355 });356 it('evaluates pattern westDegrees', function() {357 var provider = new UrlTemplateImageryProvider({358 url: '{westDegrees}',359 tilingScheme: new GeographicTilingScheme()360 });361 return pollToPromise(function() {362 return provider.ready;363 }).then(function() {364 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {365 expect(url).toEqualEpsilon(-45.0, CesiumMath.EPSILON11);366 // Just return any old image.367 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);368 });369 return provider.requestImage(3, 1, 2).then(function(image) {370 expect(Resource._Implementations.createImage).toHaveBeenCalled();371 expect(image).toBeInstanceOf(Image);372 });373 });374 });375 it('evaluates pattern northProjected', function() {376 var provider = new UrlTemplateImageryProvider({377 url: '{northProjected}',378 tilingScheme: new WebMercatorTilingScheme()379 });380 return pollToPromise(function() {381 return provider.ready;382 }).then(function() {383 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {384 expect(url).toEqualEpsilon(Math.PI * Ellipsoid.WGS84.maximumRadius / 2.0, CesiumMath.EPSILON11);385 // Just return any old image.386 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);387 });388 return provider.requestImage(3, 1, 2).then(function(image) {389 expect(Resource._Implementations.createImage).toHaveBeenCalled();390 expect(image).toBeInstanceOf(Image);391 });392 });393 });394 it('evaluates pattern southProjected', function() {395 var provider = new UrlTemplateImageryProvider({396 url: '{southProjected}'397 });398 return pollToPromise(function() {399 return provider.ready;400 }).then(function() {401 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {402 expect(url).toEqualEpsilon(Math.PI * Ellipsoid.WGS84.maximumRadius / 2.0, CesiumMath.EPSILON11);403 // Just return any old image.404 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);405 });406 return provider.requestImage(3, 0, 2).then(function(image) {407 expect(Resource._Implementations.createImage).toHaveBeenCalled();408 expect(image).toBeInstanceOf(Image);409 });410 });411 });412 it('evaluates pattern eastProjected', function() {413 var provider = new UrlTemplateImageryProvider({414 url: '{eastProjected}'415 });416 return pollToPromise(function() {417 return provider.ready;418 }).then(function() {419 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {420 expect(url).toEqualEpsilon(-Math.PI * Ellipsoid.WGS84.maximumRadius / 2.0, CesiumMath.EPSILON11);421 // Just return any old image.422 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);423 });424 return provider.requestImage(0, 1, 2).then(function(image) {425 expect(Resource._Implementations.createImage).toHaveBeenCalled();426 expect(image).toBeInstanceOf(Image);427 });428 });429 });430 it('evaluates pattern westProjected', function() {431 var provider = new UrlTemplateImageryProvider({432 url: '{westProjected}'433 });434 return pollToPromise(function() {435 return provider.ready;436 }).then(function() {437 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {438 expect(url).toEqualEpsilon(-Math.PI * Ellipsoid.WGS84.maximumRadius / 2.0, CesiumMath.EPSILON11);439 // Just return any old image.440 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);441 });442 return provider.requestImage(1, 1, 2).then(function(image) {443 expect(Resource._Implementations.createImage).toHaveBeenCalled();444 expect(image).toBeInstanceOf(Image);445 });446 });447 });448 it('evalutes multiple coordinate patterns', function() {449 var provider = new UrlTemplateImageryProvider({450 url: '{westDegrees} {westProjected} {southProjected} {southDegrees} {eastProjected} {eastDegrees} {northDegrees} {northProjected}'451 });452 return pollToPromise(function() {453 return provider.ready;454 }).then(function() {455 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {456 expect(url).toEqual(457 '-90 ' +458 (-Math.PI * Ellipsoid.WGS84.maximumRadius / 2.0) + ' ' +459 '0 ' +460 '0 ' +461 '0 ' +462 '0 ' +463 CesiumMath.toDegrees(WebMercatorProjection.mercatorAngleToGeodeticLatitude(Math.PI / 2)) + ' ' +464 (Math.PI * Ellipsoid.WGS84.maximumRadius / 2.0));465 // Just return any old image.466 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);467 });468 return provider.requestImage(1, 1, 2).then(function(image) {469 expect(Resource._Implementations.createImage).toHaveBeenCalled();470 expect(image).toBeInstanceOf(Image);471 });472 });473 });474 it('evaluates pattern s', function() {475 var provider = new UrlTemplateImageryProvider({476 url: '{s}'477 });478 return pollToPromise(function() {479 return provider.ready;480 }).then(function() {481 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {482 expect(['a', 'b', 'c'].indexOf(url)).toBeGreaterThanOrEqualTo(0);483 // Just return any old image.484 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);485 });486 return provider.requestImage(3, 1, 2).then(function(image) {487 expect(Resource._Implementations.createImage).toHaveBeenCalled();488 expect(image).toBeInstanceOf(Image);489 });490 });491 });492 it('uses custom subdomain string', function() {493 var provider = new UrlTemplateImageryProvider({494 url: '{s}',495 subdomains: '123'496 });497 return pollToPromise(function() {498 return provider.ready;499 }).then(function() {500 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {501 expect(['1', '2', '3'].indexOf(url)).toBeGreaterThanOrEqualTo(0);502 // Just return any old image.503 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);504 });505 return provider.requestImage(3, 1, 2).then(function(image) {506 expect(Resource._Implementations.createImage).toHaveBeenCalled();507 expect(image).toBeInstanceOf(Image);508 });509 });510 });511 it('uses custom subdomain array', function() {512 var provider = new UrlTemplateImageryProvider({513 url: '{s}',514 subdomains: ['foo', 'bar']515 });516 return pollToPromise(function() {517 return provider.ready;518 }).then(function() {519 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {520 expect(['foo', 'bar'].indexOf(url)).toBeGreaterThanOrEqualTo(0);521 // Just return any old image.522 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);523 });524 return provider.requestImage(3, 1, 2).then(function(image) {525 expect(Resource._Implementations.createImage).toHaveBeenCalled();526 expect(image).toBeInstanceOf(Image);527 });528 });529 });530 it('uses custom tags', function() {531 var provider = new UrlTemplateImageryProvider({532 url: 'made/up/tms/server/{custom1}/{custom2}/{z}/{y}/{x}.PNG',533 tilingScheme: new GeographicTilingScheme(),534 maximumLevel: 6,535 customTags: {536 custom1: function() { return 'foo';},537 custom2: function() { return 'bar';}538 }539 });540 return pollToPromise(function() {541 return provider.ready;542 }).then(function() {543 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {544 expect(url).toEqual('made/up/tms/server/foo/bar/2/1/3.PNG');545 // Just return any old image.546 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);547 });548 return provider.requestImage(3, 1, 2).then(function(image) {549 expect(Resource._Implementations.createImage).toHaveBeenCalled();550 expect(image).toBeInstanceOf(Image);551 });552 });553 });554 describe('pickFeatures', function() {555 it('returns undefined when enablePickFeatures is false', function() {556 var provider = new UrlTemplateImageryProvider({557 url: 'foo/bar',558 pickFeaturesUrl: 'foo/bar',559 getFeatureInfoFormats: [560 new GetFeatureInfoFormat('json', 'application/json'),...
MapboxImageryProviderSpec.js
Source:MapboxImageryProviderSpec.js
...83 }).then(function() {84 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {85 expect(url).not.toContain('//');86 // Just return any old image.87 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);88 });89 return provider.requestImage(0, 0, 0).then(function(image) {90 expect(Resource._Implementations.createImage).toHaveBeenCalled();91 expect(image).toBeInstanceOf(Image);92 });93 });94 });95 it('supports no slash at the endof the URL', function() {96 var provider = new MapboxImageryProvider({97 url : 'made/up/mapbox/server',98 mapId: 'test-id'99 });100 return pollToPromise(function() {101 return provider.ready;102 }).then(function() {103 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {104 expect(url).toContain('made/up/mapbox/server/');105 // Just return any old image.106 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);107 });108 return provider.requestImage(0, 0, 0).then(function(image) {109 expect(Resource._Implementations.createImage).toHaveBeenCalled();110 expect(image).toBeInstanceOf(Image);111 });112 });113 });114 it('requestImage returns a promise for an image and loads it for cross-origin use', function() {115 var provider = new MapboxImageryProvider({116 url : 'made/up/mapbox/server/',117 mapId: 'test-id'118 });119 expect(provider.url).toEqual('made/up/mapbox/server/');120 return pollToPromise(function() {121 return provider.ready;122 }).then(function() {123 expect(provider.tileWidth).toEqual(256);124 expect(provider.tileHeight).toEqual(256);125 expect(provider.maximumLevel).toBeUndefined();126 expect(provider.tilingScheme).toBeInstanceOf(WebMercatorTilingScheme);127 expect(provider.rectangle).toEqual(new WebMercatorTilingScheme().rectangle);128 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {129 // Just return any old image.130 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);131 });132 return provider.requestImage(0, 0, 0).then(function(image) {133 expect(Resource._Implementations.createImage).toHaveBeenCalled();134 expect(image).toBeInstanceOf(Image);135 });136 });137 });138 it('rectangle passed to constructor does not affect tile numbering', function() {139 var rectangle = new Rectangle(0.1, 0.2, 0.3, 0.4);140 var provider = new MapboxImageryProvider({141 url : 'made/up/mapbox/server/',142 mapId: 'test-id',143 rectangle : rectangle144 });145 return pollToPromise(function() {146 return provider.ready;147 }).then(function() {148 expect(provider.tileWidth).toEqual(256);149 expect(provider.tileHeight).toEqual(256);150 expect(provider.maximumLevel).toBeUndefined();151 expect(provider.tilingScheme).toBeInstanceOf(WebMercatorTilingScheme);152 expect(provider.rectangle).toEqualEpsilon(rectangle, CesiumMath.EPSILON14);153 expect(provider.tileDiscardPolicy).toBeUndefined();154 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {155 expect(url).toContain('/0/0/0');156 // Just return any old image.157 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);158 });159 return provider.requestImage(0, 0, 0).then(function(image) {160 expect(Resource._Implementations.createImage).toHaveBeenCalled();161 expect(image).toBeInstanceOf(Image);162 });163 });164 });165 it('uses maximumLevel passed to constructor', function() {166 var provider = new MapboxImageryProvider({167 url : 'made/up/mapbox/server/',168 mapId: 'test-id',169 maximumLevel : 5170 });171 expect(provider.maximumLevel).toEqual(5);172 });173 it('uses minimumLevel passed to constructor', function() {174 var provider = new MapboxImageryProvider({175 url : 'made/up/mapbox/server/',176 mapId: 'test-id',177 minimumLevel : 1178 });179 expect(provider.minimumLevel).toEqual(1);180 });181 it('when no credit is supplied, the provider adds a default credit', function() {182 var provider = new MapboxImageryProvider({183 url : 'made/up/mapbox/server/',184 mapId: 'test-id'185 });186 expect(provider.credit).toBe(MapboxImageryProvider._defaultCredit);187 });188 it('turns the supplied credit into a logo', function() {189 var creditText = 'Thanks to our awesome made up source of this imagery!';190 var providerWithCredit = new MapboxImageryProvider({191 url : 'made/up/mapbox/server/',192 mapId: 'test-id',193 credit: creditText194 });195 expect(providerWithCredit.credit.html).toEqual(creditText);196 });197 it('raises error event when image cannot be loaded', function() {198 var provider = new MapboxImageryProvider({199 url : 'made/up/mapbox/server/',200 mapId: 'test-id'201 });202 var layer = new ImageryLayer(provider);203 var tries = 0;204 provider.errorEvent.addEventListener(function(error) {205 expect(error.timesRetried).toEqual(tries);206 ++tries;207 if (tries < 3) {208 error.retry = true;209 }210 setTimeout(function() {211 RequestScheduler.update();212 }, 1);213 });214 Resource._Implementations.createImage = function(url, crossOrigin, deferred) {215 if (tries === 2) {216 // Succeed after 2 tries217 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);218 } else {219 // fail220 setTimeout(function() {221 deferred.reject();222 }, 1);223 }224 };225 return pollToPromise(function() {226 return provider.ready;227 }).then(function() {228 var imagery = new Imagery(layer, 0, 0, 0);229 imagery.addReference();230 layer._requestImagery(imagery);231 RequestScheduler.update();232 return pollToPromise(function() {233 return imagery.state === ImageryState.RECEIVED;234 }).then(function() {235 expect(imagery.image).toBeInstanceOf(Image);236 expect(tries).toEqual(2);237 imagery.releaseReference();238 });239 });240 });241 it('appends specified format', function() {242 var provider = new MapboxImageryProvider({243 url : 'made/up/mapbox/server/',244 mapId: 'test-id',245 format: '@2x.png'246 });247 return pollToPromise(function() {248 return provider.ready;249 }).then(function() {250 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {251 expect(/made\/up\/mapbox\/server\/test-id\/0\/0\/0@2x\.png\?access_token=/.test(url)).toBe(true);252 // Just return any old image.253 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);254 });255 return provider.requestImage(0, 0, 0).then(function(image) {256 expect(Resource._Implementations.createImage).toHaveBeenCalled();257 });258 });259 });260 it('adds missing period for format', function() {261 var provider = new MapboxImageryProvider({262 url : 'made/up/mapbox/server/',263 mapId: 'test-id',264 format: 'png'265 });266 return pollToPromise(function() {267 return provider.ready;268 }).then(function() {269 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {270 expect(/made\/up\/mapbox\/server\/test-id\/0\/0\/0\.png\?access_token=/.test(url)).toBe(true);271 // Just return any old image.272 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);273 });274 return provider.requestImage(0, 0, 0).then(function(image) {275 expect(Resource._Implementations.createImage).toHaveBeenCalled();276 });277 });278 });...
createOpenStreetMapImageryProviderSpec.js
Source:createOpenStreetMapImageryProviderSpec.js
...57 }).then(function() {58 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {59 expect(url).not.toContain('//');60 // Just return any old image.61 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);62 });63 return provider.requestImage(0, 0, 0).then(function(image) {64 expect(Resource._Implementations.createImage).toHaveBeenCalled();65 expect(image).toBeInstanceOf(Image);66 });67 });68 });69 it('supports a slash at the end of the URL', function() {70 var provider = createOpenStreetMapImageryProvider({71 url : 'made/up/osm/server/'72 });73 return pollToPromise(function() {74 return provider.ready;75 }).then(function() {76 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {77 expect(url).not.toContain('//');78 // Just return any old image.79 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);80 });81 return provider.requestImage(0, 0, 0).then(function(image) {82 expect(Resource._Implementations.createImage).toHaveBeenCalled();83 expect(image).toBeInstanceOf(Image);84 });85 });86 });87 it('supports no slash at the endof the URL', function() {88 var provider = createOpenStreetMapImageryProvider({89 url : 'made/up/osm/server'90 });91 return pollToPromise(function() {92 return provider.ready;93 }).then(function() {94 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {95 expect(url).toContain('made/up/osm/server/');96 // Just return any old image.97 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);98 });99 return provider.requestImage(0, 0, 0).then(function(image) {100 expect(Resource._Implementations.createImage).toHaveBeenCalled();101 expect(image).toBeInstanceOf(Image);102 });103 });104 });105 it('requestImage returns a promise for an image and loads it for cross-origin use', function() {106 var provider = createOpenStreetMapImageryProvider({107 url : 'made/up/osm/server/'108 });109 expect(provider.url).toContain('made/up/osm/server/');110 return pollToPromise(function() {111 return provider.ready;112 }).then(function() {113 expect(provider.tileWidth).toEqual(256);114 expect(provider.tileHeight).toEqual(256);115 expect(provider.maximumLevel).toBeUndefined();116 expect(provider.tilingScheme).toBeInstanceOf(WebMercatorTilingScheme);117 expect(provider.rectangle).toEqual(new WebMercatorTilingScheme().rectangle);118 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {119 // Just return any old image.120 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);121 });122 return provider.requestImage(0, 0, 0).then(function(image) {123 expect(Resource._Implementations.createImage).toHaveBeenCalled();124 expect(image).toBeInstanceOf(Image);125 });126 });127 });128 it('when no credit is supplied, a default one is used', function() {129 var provider = createOpenStreetMapImageryProvider({130 url : 'made/up/osm/server'131 });132 expect(provider.credit).toBeDefined();133 });134 it('turns the supplied credit into a logo', function() {135 var providerWithCredit = createOpenStreetMapImageryProvider({136 url : 'made/up/osm/server',137 credit : 'Thanks to our awesome made up source of this imagery!'138 });139 expect(providerWithCredit.credit).toBeDefined();140 });141 it('rectangle passed to constructor does not affect tile numbering', function() {142 var rectangle = new Rectangle(0.1, 0.2, 0.3, 0.4);143 var provider = createOpenStreetMapImageryProvider({144 url : 'made/up/osm/server',145 rectangle : rectangle146 });147 return pollToPromise(function() {148 return provider.ready;149 }).then(function() {150 expect(provider.tileWidth).toEqual(256);151 expect(provider.tileHeight).toEqual(256);152 expect(provider.maximumLevel).toBeUndefined();153 expect(provider.tilingScheme).toBeInstanceOf(WebMercatorTilingScheme);154 expect(provider.rectangle.west).toBeCloseTo(rectangle.west, CesiumMath.EPSILON10);155 expect(provider.rectangle.south).toBeCloseTo(rectangle.south, CesiumMath.EPSILON10);156 expect(provider.rectangle.east).toBeCloseTo(rectangle.east, CesiumMath.EPSILON10);157 expect(provider.rectangle.north).toBeCloseTo(rectangle.north, CesiumMath.EPSILON10);158 expect(provider.tileDiscardPolicy).toBeUndefined();159 spyOn(Resource._Implementations, 'createImage').and.callFake(function(url, crossOrigin, deferred) {160 expect(url).toContain('/0/0/0');161 // Just return any old image.162 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);163 });164 return provider.requestImage(0, 0, 0).then(function(image) {165 expect(Resource._Implementations.createImage).toHaveBeenCalled();166 expect(image).toBeInstanceOf(Image);167 });168 });169 });170 it('uses maximumLevel passed to constructor', function() {171 var provider = createOpenStreetMapImageryProvider({172 url : 'made/up/osm/server',173 maximumLevel : 5174 });175 expect(provider.maximumLevel).toEqual(5);176 });177 it('uses minimumLevel passed to constructor', function() {178 var provider = createOpenStreetMapImageryProvider({179 url : 'made/up/osm/server',180 minimumLevel : 1181 });182 expect(provider.minimumLevel).toEqual(1);183 });184 it('raises error event when image cannot be loaded', function() {185 var provider = createOpenStreetMapImageryProvider({186 url : 'made/up/osm/server'187 });188 var layer = new ImageryLayer(provider);189 var tries = 0;190 provider.errorEvent.addEventListener(function(error) {191 expect(error.timesRetried).toEqual(tries);192 ++tries;193 if (tries < 3) {194 error.retry = true;195 }196 setTimeout(function() {197 RequestScheduler.update();198 }, 1);199 });200 Resource._Implementations.createImage = function(url, crossOrigin, deferred) {201 if (tries === 2) {202 // Succeed after 2 tries203 Resource._DefaultImplementations.createImage('Data/Images/Red16x16.png', crossOrigin, deferred);204 } else {205 // fail206 setTimeout(function() {207 deferred.reject();208 }, 1);209 }210 };211 return pollToPromise(function() {212 return provider.ready;213 }).then(function() {214 var imagery = new Imagery(layer, 0, 0, 0);215 imagery.addReference();216 layer._requestImagery(imagery);217 RequestScheduler.update();...
images.js
Source:images.js
...10 renderImgs(gImgs);11}12function createImgs() {13 var imgs = [];14 imgs.push(createImage('./img/gallery/Oprah-You-Get-A.jpg', ['happy']),15 createImage('./img/gallery/One-Does-Not-Simply.jpg', ['fun']),16 createImage('./img/gallery/Ancient-Aliens.jpg', ['happy']),17 createImage('./img/gallery/Batman-Slapping-Robin.jpg', ['happy']),18 createImage('./img/gallery/Mocking-Spongebob.jpg', ['happy']),19 createImage('./img/gallery/success.jpg', ['happy']),20 createImage('./img/gallery/X-Everywhere.jpg', ['sad']),21 createImage('./img/gallery/Drake-Hotline-Bling.jpg',['sad']),22 createImage('./img/gallery/1kwmfp.jpg', ['sad']),23 createImage('./img/gallery/3ks7.jpg', ['sad']),24 createImage('./img/gallery/10-Guy.jpg', ['sad']),25 createImage('./img/gallery/72745676.jpg', ['sad']),26 createImage('./img/gallery/Afraid-To-Ask-Andy.jpg', ['sad']),27 createImage('./img/gallery/Am-I-The-Only-One-Around-Here.jpg', ['sad']),28 createImage('./img/gallery/Bad-Luck-Brian.jpg', ['sad']),29 createImage('./img/gallery/Black-Girl-Wat.jpg', ['sad']),30 createImage('./img/gallery/Blank-Nut-Button.jpg', ['sad']),31 createImage('./img/gallery/Boardroom-Meeting-Suggestion.jpg', ['sad']),32 createImage('./img/gallery/Brace-Yourselves-X-is-Coming.jpg', ['sad']),33 createImage('./img/gallery/bpffa.jpg', ['sad']),34 createImage('./img/gallery/Captain-Picard-Facepalm.jpg', ['sad']),35 createImage('./img/gallery/Change-My-Mind.jpg', ['sad']),36 createImage('./img/gallery/Creepy-Condescending-Wonka.jpg', ['sad']),37 createImage('./img/gallery/Disaster-Girl.jpg', ['sad']),38 createImage('./img/gallery/Distracted-Boyfriend.jpg', ['sad']),39 createImage('./img/gallery/Expanding-Brain.jpg', ['sad']),40 createImage('./img/gallery/Face-You-Make-Robert-Downey-Jr.jpg', ['sad']),41 createImage('./img/gallery/Finding-Neverland.jpg', ['sad']),42 createImage('./img/gallery/Grumpy-Cat.jpg', ['sad']),43 createImage('./img/gallery/guywithcup.jpg', ['sad']),44 createImage('./img/gallery/Hard-To-Swallow-Pills.jpg', ['sad']),45 createImage('./img/gallery/If-You-Know-What-I-Mean-Bean.jpg', ['sad']),46 createImage('./img/gallery/I-Know-That-Feel-Bro.jpg', ['sad']),47 createImage('./img/gallery/Is-This-A-Pigeon.jpg', ['sad']),48 createImage('./img/gallery/Its-Finally-Over.jpg', ['sad']),49 createImage('./img/gallery/Laughing-Men-In-Suits.jpg', ['sad']),50 createImage('./img/gallery/Left-Exit-12-Off-Ramp.jpg', ['sad']),51 createImage('./img/gallery/Leonardo-Dicaprio-Cheers.jpg', ['sad']),52 createImage('./img/gallery/Liam-Neeson-Taken-2.jpg', ['sad']),53 createImage('./img/gallery/Marked-Safe-From.jpg', ['sad']),54 createImage('./img/gallery/Me-And-The-Boys.jpg', ['sad']),55 createImage('./img/gallery/Mocking-Spongebob.jpg', ['sad']),56 createImage('./img/gallery/nigga.jpg', ['sad']),57 createImage('./img/gallery/Philosoraptor.jpg', ['sad']),58 createImage('./img/gallery/qby413sh1v711.png', ['sad']),59 createImage('./img/gallery/Roll-Safe-Think-About-It.jpg', ['sad']),60 createImage('./img/gallery/Running-Away-Balloon.jpg', ['sad']),61 createImage('./img/gallery/shutupandtakemymoney.png', ['sad']),62 createImage('./img/gallery/Surprised-Pikachu.jpg', ['sad']),63 createImage('./img/gallery/The-Rock-Driving.jpg', ['sad']),64 createImage('./img/gallery/Trump-Bill-Signing.jpg', ['sad']),65 createImage('./img/gallery/Two-Buttons.jpg', ['sad']),66 createImage('./img/gallery/X-All-The-Y.jpg', ['sad']),67 createImage('./img/gallery/Yall-Got-Any-More-Of-That.jpg', ['sad']),68 createImage('./img/gallery/3a3.jpg', ['sad']),69 createImage('./img/gallery/waiting-skeleton.jpg', ['sad']),70 createImage('./img/gallery/18bzwy.jpg', ['sad']),71 createImage('./img/gallery/184vq8.jpg', ['sad']),72 createImage('./img/gallery/2g1j3o.jpg', ['sad']),73 createImage('./img/gallery/2l8ijj.jpg', ['sad']),74 createImage('./img/gallery/3snea.jpg', ['sad']),75 createImage('./img/gallery/Tuxedo-Winnie-The-Pooh.png', ['sad']),76 createImage('./img/gallery/2xexq8.png', ['sad']),77 createImage('./img/gallery/The-Scroll-Of-Truth.jpg', ['sad']),78 createImage('./img/gallery/The-Most-Interesting-Man-In-The-World.jpg', ['sad']),79 createImage('./img/gallery/1rzy4a.jpg', ['sad']),80 createImage('./img/gallery/That-Would-Be-Great.jpg', ['sad']),81 createImage('./img/gallery/1e9phd.jpg', ['sad']),82 createImage('./img/gallery/b13tc.jpg', ['sad']),83 createImage('./img/gallery/First-World-Problems.jpg', ['sad']),84 createImage('./img/gallery/Who-Would-Win.jpg', ['sad']),85 createImage('./img/gallery/Grandma-Finds-The-Internet.jpg', ['sad']),86 createImage('./img/gallery/But-Thats-None-Of-My-Business.jpg', ['sad']),87 createImage('./img/gallery/Y-U-No.jpg', ['sad']),88 createImage('./img/gallery/Star-Wars-Yoda.jpg', ['sad']),89 createImage('./img/gallery/Dr-Evil-Laser.jpg', ['sad']),90 createImage('./img/gallery/Evil-Toddler.jpg', ['sad']),91 createImage('./img/gallery/Sleeping-Shaq.jpg', ['sad']),92 createImage('./img/gallery/9n1nu.jpg', ['sad']),93 createImage('./img/gallery/jse4v.jpg', ['sad']),94 createImage('./img/gallery/Back-In-My-Day.jpg', ['sad']),95 createImage('./img/gallery/167ev8.jpg', ['sad']),96 createImage('./img/gallery/Consuela.jpg', ['sad']),97 createImage('./img/gallery/Sad-Keanu.jpg', ['sad']));98 return imgs;99}100function createImage(url, keywords) {101 return {102 id: gNextId++,103 url: url,104 keywords: keywords105 };106}107function renderImgs(imgs) {108 var strHtml = imgs.map(function (img, idx) {109 return `110 <img id='${img.id}' src='${img.url}' onclick="initMemeEditor(${img.id},this)" alt='meme picture'/>111 `112 })113 .join(' ')114 ...
createScreen.js
Source:createScreen.js
...5 //Header6 createText(svg, '70', '50', '25', 'none', 'Segoe UI', '#B0BDD7', 'Start', true);7 createText(svg, '790', '45', '15', 'none', 'Segoe UI', '#B0BDD7', 'Richard', true)8 createText(svg, '816', '55', '10', 'none', 'Segoe UI', '#B0BDD7', 'Perry', true) 9 createImage(svg, '845', '33', '25', '25', 'images/MikeGibbs.jpg', true);10 //first row:11 createRect(svg, '70', '100', '85', '90', '#2776ec', 'none', true); 12 createImage(svg, '85', '115', '55', '50', 'images/store.png');13 createText(svg, '80', '185', '9', 'none', 'Segoe UI', '#fff', 'Store'), 14 createRect(svg, '165', '100', '85', '90', '#69b71d', 'none', true);15 createImage(svg, '177', '105', '60', '65', 'images/XboxLiveGames.png');16 createText(svg, '175', '185', '9', 'none', 'Segoe UI', '#fff', 'Xbox LIVE Games');17 createRect(svg, '260', '100', '165', '90', '#af1b3d', 'none', true);18 createImage(svg, '315', '115', '45', '50', 'images/photos.png');19 createText(svg, '270', '185', '9', 'none', 'Segoe UI', '#fff', 'Photos');20 createRect(svg, '435', '100', '190', '90', '#009418', 'none', true);21 createText(svg, '550', '150', '50', 'none', 'Segoe UI', '#fff', '12');22 createText(svg, '547', '160', '10', 'none', 'Segoe UI', '#fff', 'Monday');23 createText(svg, '445', '185', '9', 'none', 'Segoe UI', '#fff', 'Calendar');24 createRect(svg, '655', '100', '165', '90', '#5334ac', 'none', true);25 createImage(svg, '710', '115', '45', '50', 'images/music.png');26 createText(svg, '665', '185', '9', 'none', 'Segoe UI', '#fff', 'Music');27 createImage(svg, '815', '100', '100', '90', 'images/2s.jpg');28 //Second row29 createRect(svg, '70', '200', '85', '90', '#5334ac', 'none', true);30 createImage(svg, '85', '215', '55', '50', 'images/maps.png');31 createText(svg, '80', '285', '9', 'none', 'Segoe UI', '#fff', 'Maps'),32 createRect(svg, '165', '200', '85', '90', '#2776ec', 'none', true);33 createImage(svg, '177', '205', '60', '65', 'images/IE.png');34 createText(svg, '175', '285', '9', 'none', 'Segoe UI', '#fff', 'Internet Explorer');35 createRect(svg, '260', '200', '165', '90', '#5334ac', 'none', true);36 createImage(svg, '305', '195', '85', '90', 'images/message.png');37 createText(svg, '270', '285', '9', 'none', 'Segoe UI', '#fff', 'Messaging');//38 createRect(svg, '435', '200', '190', '90', '#d9512b', 'none', true);39 createImage(svg, '445', '210', '40', '45', 'images/MikeGibbs.jpg');40 createText(svg, '490', '222', '9', 'none', 'Segoe UI', '#B0BDD7', 'Mike Gibs, Troll Scout');41 createText(svg, '490', '232', '9', 'none', 'Segoe UI', '#B0BDD7', 'and 5 others commented');42 createText(svg, '490', '242', '9', 'none', 'Segoe UI', '#B0BDD7', 'on your photo');43 createImage(svg, '445', '260', '30', '30', 'images/ppl.png');44 createRect(svg, '655', '200', '165', '90', '#009418', 'none', true);45 createImage(svg, '710', '215', '45', '50', 'images/finance.png');46 createText(svg, '665', '285', '9', 'none', 'Segoe UI', '#fff', 'Finance');47 createRect(svg, '830', '200', '100', '90', '#0061a6', 'none', true);48 createImage(svg, '835', '210', '70', '70', 'images/pinguin.png');49 //Third row50 createRect(svg, '70', '300', '180', '90', '#d9512b', 'none', true);51 createImage(svg, '130', '315', '55', '50', 'images/video.png');52 createText(svg, '80', '385', '9', 'none', 'Segoe UI', '#fff', 'Video'),53 createRect(svg, '260', '300', '165', '90', '#009418', 'none', true);54 createText(svg, '270', '320', '15', 'none', 'Segoe UI', '#B0BDD7', 'Devon Hipnotize');55 createText(svg, '270', '330', '10', 'none', 'Segoe UI', '#B0BDD7', 'something they can do about him');56 createText(svg, '270', '340', '10', 'none', 'Segoe UI', '#B0BDD7', 'pile of books and scrools next to');57 createImage(svg, '265', '355', '35', '40', 'images/letter.png');58 createText(svg, '405', '385', '9', 'none', 'Segoe UI', '#fff', '3');59 createImage(svg, '435', '297', '90', '97', 'images/Pinball.jpg');60 createImage(svg, '535', '295', '90', '100', 'images/solitaire.png');61 62 createRect(svg, '655', '300', '77', '90', '#d9512b', 'none', true);63 createImage(svg, '670', '315', '45', '50', 'images/reader.png');64 createText(svg, '665', '385', '9', 'none', 'Segoe UI', '#fff', 'Reader');65 createRect(svg, '743', '300', '77', '90', '#01296e', 'none', true);66 createText(svg, '753', '325', '14', 'none', 'Segoe UI', '#B0BDD7', 'Windows');67 createText(svg, '753', '340', '14', 'none', 'Segoe UI', '#B0BDD7', 'Explorer');68 createImage(svg, '753', '360', '25', '25', 'images/WindowsExplorer.png');69 createRect(svg, '830', '300', '100', '90', '#2877ed', 'none', true);70 createImage(svg, '835', '310', '70', '70', 'images/skyDrive.png');71 createText(svg, '840', '385', '9', 'none', 'Segoe UI', '#B0BDD7', 'SkyDrive');72 //Fourth row73 createRect(svg, '70', '400', '180', '90', '#297c86', 'none', true);74 createImage(svg, '130', '415', '55', '50', 'images/Fish.png');75 createText(svg, '80', '485', '9', 'none', 'Segoe UI', '#fff', 'Desktop'),76 createRect(svg, '260', '400', '165', '90', '#2877ed', 'none', true);77 createImage(svg, '315', '415', '55', '50', 'images/weather.png');78 createText(svg, '270', '485', '9', 'none', 'Segoe UI', '#fff', 'Weather');79 createRect(svg, '435', '400', '90', '90', '#af1b3d', 'none', true);80 createImage(svg, '450', '415', '65', '60', 'images/camera.png');81 createText(svg, '445', '485', '9', 'none', 'Segoe UI', '#fff', 'Camera');82 83 createRect(svg, '535', '400', '90', '90', '#69b71d', 'none', true);84 createImage(svg, '550', '415', '55', '50', 'images/XboxCompanion.png');85 createText(svg, '545', '485', '9', 'none', 'Segoe UI', '#fff', 'Xbox Companion');86 createImage(svg, '655', '340', '170', '210', 'images/WordPress.jpg');...
main-service.js
Source:main-service.js
...6function createImages() {7 let imgs = getValue('allImages')8 if (!imgs || !imgs.length) {9 imgs = [10 createImage('imgs/2.jpg', ['happy', 'nature']),11 createImage('imgs/5.jpg', ['baby', 'success']),12 createImage('imgs/8.jpg', ['condescending', 'wonka']),13 createImage('imgs/9.jpg', ['evil', 'baby', 'cunning']),14 createImage('imgs/img11.jpg', ['laughing', 'satisfied']),15 createImage('imgs/img12.jpg', ['kissing', 'fighters']),16 createImage('imgs/img6.jpg', ['tired', 'dog']),17 createImage('imgs/003.jpg', ['trump', 'orange', 'vain', 'angry']),18 createImage('imgs/004.jpg', ['dog', 'cute', 'love', 'sweet']),19 createImage('imgs/005.jpg', ['dog', 'baby', 'sleep', 'cute', 'smile', 'bed']),20 createImage('imgs/006.jpg', ['cat', 'sleep', 'computer']),21 createImage('imgs/12.jpg', ['blaming', 'finger']),22 createImage('imgs/Ancient-Aliens.jpg', ['if', 'history', 'aliens', 'let me explain']),23 createImage('imgs/drevil.jpg', ['evil', 'quotes', 'fake', 'powers']),24 createImage('imgs/img2.jpg', ['africa', 'baby', 'dance', 'fun', 'naked']),25 createImage('imgs/img5.jpg', ['baby', 'surprise', 'funny', 'cute']),26 createImage('imgs/leo.jpg', ['leo dicaprio', 'salute', 'cheers', 'fancy']),27 createImage('imgs/meme1.jpg', ['matrix', 'what if', 'serious']),28 createImage('imgs/meme2.jpg', ['one does not', 'game thrones', 'sean', 'explain']),29 createImage('imgs/meme3.jpg', ['oprah', 'you get', 'shout']),30 createImage('imgs/patrick.jpg', ['patrick', 'holding', 'laugh', 'cry']),31 createImage('imgs/putin.jpg', ['putin', 'two', 'strong', 'russia']),32 createImage('imgs/meme4.jpg', ['toy story', 'two', 'buzz', 'cowboy', 'stars', 'look']),33 createImage('imgs/russian.jpg', ['russian', 'badass', 'sexy', 'beer']),34 createImage('imgs/arm-wrestle.png', ['strong', 'muscle', 'black', 'white', 'arm wrestle']),35 createImage('imgs/meme5.jpg', ['thinking', 'know best', 'black', 'use mind']),36 createImage('imgs/tyson.jpg', ['not fault', 'draw', 'not mine', 'suspicious']),37 createImage('imgs/grandma.jpg', ['grandma', 'cant see', 'glasses', 'backwords', 'understand']),38 createImage('imgs/office.jpg', ['office', 'coffee', 'spandex']),39 createImage('imgs/grylls.jpg', ['bear', 'grylls', 'improvise', 'adapt', 'overcome']),40 createImage('imgs/ohno.jpg', ['stress', 'what to push', 'sweat', 'pressure', 'bomb']),41 createImage('imgs/drake.jpg', ['yes', 'no', 'oh', 'feel good', 'dance']),42 createImage('imgs/keanu.jpg', ['keanu', 'reeves', 'shit', 'wtf', 'confused']),43 createImage('imgs/joker.jpg', ['joker', 'batman', 'lose mine', 'bat an eye', 'crazy']),44 createImage('imgs/jackson.jpg', ['i just came here', 'outsider', 'enjoying', 'gloating', 'movie']),45 createImage('imgs/stoned.jpg', ['satisfied', 'happy', 'smoke']),46 createImage('imgs/hart.jpg', ['kevin', 'hart', 'not shit', 'whats that', 'microphone']),47 createImage('imgs/crying.jpg', ['crying', 'sad', 'oh', 'feel bad']),48 createImage('imgs/feel-good.jpg', ['feel good', 'oh', 'smooth', 'bald', 'draw']),49 createImage('imgs/troll.jpg', ['overattached', 'girlfriend', 'troll', 'creepy', 'webcam']),50 createImage('imgs/piece.jpg', ['boyfriend', 'girlfriend', 'looking', 'ass', 'creepy']),51 createImage('imgs/money.jpg', ['shut up', 'take', 'money']),52 createImage('imgs/eternal.jpg', ['creepy', 'oldschool', 'geek', 'noob', 'braces']),53 createImage('imgs/anime-meme.jpg', ['suspicious', 'futurama', 'stupid', 'anime']),54 ]55 }56 gImgs = imgs;57 saveValue('allImages', gImgs)58 return imgs;59}60function createImage(url, words) {61 let img = {62 id: gId++,63 keywords: words,64 imgUrl: url65 }66 return img;67}68function getImgById(id) {69 return gImgs.find(img => {70 return img.id === id;71 })72}73function getSearchedMemes(searchStr) {74 return gImgs.filter(img => {...
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 const image = await page.createImage();7 await image.saveAs('/tmp/test.png');8 await browser.close();9})();
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 const image = await page.screenshot({ fullPage: true });7 await browser.close();8 console.log(image);9})();
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 const image = await page.screenshot({ fullPage: true });7 await page.createImage(image, { path: 'image.png' });8 await browser.close();9})();10Recommended Posts: Playwright | Using createPDF() Method11Playwright | Using createHar() Method12Playwright | Using createTrace() Method
Using AI Code Generation
1const { webkit } = require('playwright');2const fs = require('fs');3(async () => {4 const browser = await webkit.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 const image = await page.screenshot({ path: 'google.png' });8 await browser.close();9})();10const { webkit } = require('playwright');11const fs = require('fs');12(async () => {13 const browser = await webkit.launch();14 const context = await browser.newContext();15 const page = await context.newPage();16 const image = await page.screenshot({ path: 'google.png' });17 await browser.close();18})();19const { webkit } = require('playwright');20const fs = require('fs');21(async () => {22 const browser = await webkit.launch();23 const context = await browser.newContext();24 const page = await context.newPage();25 const image = await page.screenshot({ path: 'google.png' });26 await browser.close();27})();28const { webkit } = require('playwright');29const fs = require('fs');30(async () => {31 const browser = await webkit.launch();32 const context = await browser.newContext();33 const page = await context.newPage();34 const image = await page.screenshot({ path: 'google.png' });35 await browser.close();36})();37const { webkit } = require('playwright');38const fs = require('fs');39(async () => {40 const browser = await webkit.launch();41 const context = await browser.newContext();42 const page = await context.newPage();43 const image = await page.screenshot({ path: 'google.png' });44 await browser.close();45})();
Using AI Code Generation
1const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');2const {chromium} = require('playwright-core');3const fs = require('fs');4const path = require('path');5(async () => {6 const browser = await chromium.launch();7 const page = await browser.newPage();8 const element = await page.$('h1');9 const image = await createImage(element, 'png', 1);10 fs.writeFileSync(path.join(__dirname, 'image.png'), image);11 await browser.close();12})();13 at CDPSession.send (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:172:13)14 at DOMWorld._document (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:104:53)15 at DOMWorld._documentPromise (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:98:18)16 at DOMWorld.evaluateHandle (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:327:25)17 at DOMWorld.evaluate (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:309:17)18 at Page._document (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:104:53)19 at Page._documentPromise (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:98:18)20 at Page.evaluateHandle (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:327:25)21 at Page.evaluate (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:309:17)22 at Page.$ (/home/raghav/Projects/playwright-test/node_modules/playwright-core/lib/cjs/pw-run.js:515:22)
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 const image = await page.screenshot();7 require('fs').writeFileSync('example.png', image);8 await browser.close();9})();10const { chromium } = require('playwright');11(async () => {12 const browser = await chromium.launch();13 const context = await browser.newContext();14 const page = await context.newPage();15 const image = await page.screenshot();16 require('fs').writeFileSync('example.png', image);17 await browser.close();18})();19const { chromium } = require('playwright');20(async () => {21 const browser = await chromium.launch();22 const context = await browser.newContext();23 const page = await context.newPage();24 const image = await page.screenshot();25 require('fs').writeFileSync('example.png', image);26 await browser.close();27})();28const { chromium } = require('playwright');29(async () => {30 const browser = await chromium.launch();31 const context = await browser.newContext();32 const page = await context.newPage();33 const image = await page.screenshot();34 require('fs').writeFileSync('example.png', image);35 await browser.close();36})();37const { chromium } = require('playwright');38(async () => {39 const browser = await chromium.launch();
Using AI Code Generation
1const { createImage } = require('@playwright/test/lib/server/chromium/crBrowser');2const browser = await chromium.launch();3const page = await browser.newPage();4});5await browser.close();6fs.writeFileSync('image.jpeg', image);7fs.writeFileSync('image.png', image);8fs.writeFileSync('image.webp', image);
Using AI Code Generation
1const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');2const image = createImage();3console.log(image);4const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');5const image = createImage();6console.log(image);7const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');8const image = createImage();9console.log(image);10const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');11const image = createImage();12console.log(image);13const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');14const image = createImage();15console.log(image);16const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');17const image = createImage();18console.log(image);19const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');20const image = createImage();21console.log(image);22const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');23const image = createImage();24console.log(image);25const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');26const image = createImage();27console.log(image);28const { createImage } = require('playwright-core/lib/server/supplements/recorder/recorderApp');29const image = createImage();30console.log(image);
Playwright tutorial
LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.
Chapters:
- What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
- How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
- Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
- What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
- Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
- Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
- Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
- Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
- Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
- Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
- Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
- Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.
Run Playwright Internal 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?
