How to use createImage method in Playwright Internal

Best JavaScript code snippet using playwright-internal

UrlTemplateImageryProviderSpec.js

Source:UrlTemplateImageryProviderSpec.js Github

copy

Full Screen

...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'),...

Full Screen

Full Screen

MapboxImageryProviderSpec.js

Source:MapboxImageryProviderSpec.js Github

copy

Full Screen

...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 });...

Full Screen

Full Screen

createOpenStreetMapImageryProviderSpec.js

Source:createOpenStreetMapImageryProviderSpec.js Github

copy

Full Screen

...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();...

Full Screen

Full Screen

images.js

Source:images.js Github

copy

Full Screen

...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 ...

Full Screen

Full Screen

createScreen.js

Source:createScreen.js Github

copy

Full Screen

...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');...

Full Screen

Full Screen

main-service.js

Source:main-service.js Github

copy

Full Screen

...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 => {...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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})();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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})();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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})();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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)

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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);

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

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);

Full Screen

Full Screen

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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
  6. 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.
  7. 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.
  8. 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.
  9. 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.
  10. 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.
  11. 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.
  12. 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.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful