git clone
npm i
npm start
- hint: on first start if you see
can to GET /
, wait for build and refresh pages
Crossbrowser testing sponsored by Browser Stack
Dollar Street public pages
Home Page: https://www.gapminder.org/dollar-street/
License: GNU General Public License v3.0
git clone
npm i
npm start
can to GET /
, wait for build and refresh pagesCrossbrowser testing sponsored by Browser Stack
STR:
Actual result:
There are error at browser's console.
Failed to load resource: the server responded with a status of 502 (Bad Gateway) photographer:1 XMLHttpRequest cannot load http://stage.dollarstreet.org/consumer/api/v1/photographer-profile?name=Alisia%20Sidorenko. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://consumer.dollarstreet.org' is therefore not allowed access. The response had HTTP status code 502. browser_adapter.js:85 EXCEPTION: [object Object] browser_adapter.js:76 EXCEPTION: [object Object]BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76 BrowserDomAdapter.logError @ browser_adapter.js:76 exception_handler.js:79 Uncaught [object Object] http://stage.dollarstreet.org/consumer/api/v1/photographer-places?name=Alisia%20Sidorenko Failed to load resource: the server responded with a status of 502 (Bad Gateway) photographer:1 XMLHttpRequest cannot load http://stage.dollarstreet.org/consumer/api/v1/photographer-places?name=Alisia%20Sidorenko. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://consumer.dollarstreet.org' is therefore not allowed access. The response had HTTP status code 502. browser_adapter.js:85EXCEPTION: [object Object] browser_adapter.js:76EXCEPTION: [object Object]BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76BrowserDomAdapter.logError @ browser_adapter.js:76 exception_handler.js:79Uncaught [object Object] http://stage.dollarstreet.org/consumer/api/v1/photographer-profile?name=Alisia%20Sidorenko Failed to load resource: the server responded with a status of 502 (Bad Gateway) photographer:1 XMLHttpRequest cannot load http://stage.dollarstreet.org/consumer/api/v1/photographer-profile?name=Alisia%20Sidorenko. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://consumer.dollarstreet.org' is therefore not allowed access. The response had HTTP status code 502. browser_adapter.js:85EXCEPTION: [object Object] browser_adapter.js:76EXCEPTION: [object Object]BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76BrowserDomAdapter.logError @ browser_adapter.js:76 exception_handler.js:79Uncaught [object Object] http://stage.dollarstreet.org/consumer/api/v1/photographer-places?name=Alisia%20Sidorenko Failed to load resource: the server responded with a status of 502 (Bad Gateway) photographer:1 XMLHttpRequest cannot load http://stage.dollarstreet.org/consumer/api/v1/photographer-places?name=Alisia%20Sidorenko. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://consumer.dollarstreet.org' is therefore not allowed access. The response had HTTP status code 502. browser_adapter.js:85EXCEPTION: [object Object] browser_adapter.js:76EXCEPTION: [object Object]BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:76 browser_adapter.js:76BrowserDomAdapter.logError @ browser_adapter.js:76 exception_handler.js:79Uncaught [object Object] http://consumer.dollarstreet.org/photographer?name=Alisia%20Sidorenko Failed to load resource: the server responded with a status of 404 (Not Found)
Expected result:
Photographer's profile should be loaded successfully without any errors.
For now "Sort by" measure in bold means sorting from 0-9\a-z and not in bold means 9-0\z-a.
We should use sorting arrows icons instead of in bold\not in bold.
For now if we click on tagged image then tag will be removed.
It should be possible to remove tag only by pressing the cross sign on image.
add route
add service
STR 1:
Expected result:
Pictures should be the same.
STR 2:
Expected result:
Place with correct pictures should be opened.
Once we on the some /photographer?name={name} page we can't get back to /photographers page.
STR:
Actual result:
There is no possibility to get back to previous page.
Expected result:
There should be possibility to get back to previous page.
According to https://projects.invisionapp.com/share/WN6FQDL2X#/screens/142251790 design Street widget should be scrollable.
STR:
ACTUAL RESULT:
There is no info about family and no link back to matrix page.
EXPECTED RESULT:
There should be info about family like in desktop version and the link to the matrix page.
add route
add service
STR:
Actual result:
FFFFFF-undefined:1 GET http://static.dollarstreet.org.s3.amazonaws.com/thing/560cfcae560dd0ac27fc410f/FFFFFF-undefined 403 (Forbidden)
Expected result:
There should be no errors.
STR:
Expected result:
Tanzania is in Africa.
Implement design logic for fetching images which are visible on the screen at the moment.
STR 1:
Actual result:
Blamoh, $1, Liberia will be opened.
Expected result:
Sweden place should be opened.
STR 2:
Actual result:
"100$ The Ramos Mota in Mexico" place will be opened.
Also there are many errors at browser console:
xhr_backend.js:76 GET http://stage.dollarstreet.org/consumer/api/v1/search?thing=546ccf730f7ddf45c017963d&place=54b9196c02f7310b2e0baaf3&image=54b91994472e93d62d92640f (anonymous function) @ xhr_backend.js:76Observable.subscribe @ Observable.js:58Observable._subscribe @ Observable.js:99Observable.subscribe @ Observable.js:55SearchComponent.getInitData @ search.component.ts:215SearchComponent.ngOnChanges @ search.component.ts:84ChangeDetector_HeaderComponent_0.detectChangesInRecordsInternal @ viewFactory_HeaderComponent:93AbstractChangeDetector.detectChangesInRecords @ abstract_change_detector.js:105AbstractChangeDetector.runDetectChanges @ abstract_change_detector.js:82AbstractChangeDetector._detectChangesInViewChildren @ abstract_change_detector.js:189AbstractChangeDetector.runDetectChanges @ abstract_change_detector.js:86AbstractChangeDetector._detectChangesInViewChildren @ abstract_change_detector.js:189AbstractChangeDetector.runDetectChanges @ abstract_change_detector.js:86AbstractChangeDetector._detectChangesContentChildren @ abstract_change_detector.js:182AbstractChangeDetector.runDetectChanges @ abstract_change_detector.js:83AbstractChangeDetector._detectChangesInViewChildren @ abstract_change_detector.js:189AbstractChangeDetector.runDetectChanges @ abstract_change_detector.js:86AbstractChangeDetector.detectChanges @ abstract_change_detector.js:71ChangeDetectorRef_.detectChanges @ change_detector_ref.js:21(anonymous function) @ application_ref.js:389ApplicationRef_.tick @ application_ref.js:389(anonymous function) @ application_ref.js:302Zone.run @ zone-microtask.js:120(anonymous function) @ ng_zone.js:344NgZone.run @ ng_zone.js:292(anonymous function) @ application_ref.js:302generatorOrNext.object.schedulerFn @ async.js:121SafeSubscriber.__tryOrUnsub @ Subscriber.js:166SafeSubscriber.next @ Subscriber.js:115Subscriber._next @ Subscriber.js:74Subscriber.next @ Subscriber.js:51Subject._finalNext @ Subject.js:124Subject._next @ Subject.js:116Subject.next @ Subject.js:73EventEmitter.emit @ async.js:110(anonymous function) @ ng_zone.js:185Zone.run @ zone-microtask.js:120NgZone._notifyOnTurnDone @ ng_zone.js:185(anonymous function) @ ng_zone.js:358(anonymous function) @ zone-microtask.js:93lib$es6$promise$asap$$flush @ zone-microtask.js:1287
place?thing=546ccf7…&place=54b9196…&image=54b9199…:1 XMLHttpRequest cannot load http://stage.dollarstreet.org/consumer/api/v1/search?thing=546ccf730f7ddf45c017963d&place=54b9196c02f7310b2e0baaf3&image=54b91994472e93d62d92640f. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://consumer.dollarstreet.org' is therefore not allowed access. The response had HTTP status code 502.
browser_adapter.js:85 EXCEPTION: [object Object]
browser_adapter.js:76 EXCEPTION: [object Object]BrowserDomAdapter.logError @ browser_adapter.js:76BrowserDomAdapter.logGroup @ browser_adapter.js:86ExceptionHandler.call @ exception_handler.js:56(anonymous function) @ application_ref.js:192NgZone._notifyOnError @ ng_zone.js:431collection_1.StringMapWrapper.merge.onError @ ng_zone.js:326Zone.run @ zone-microtask.js:123(anonymous function) @ ng_zone.js:344(anonymous function) @ zone-microtask.js:93
browser_adapter.js:76 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:76ExceptionHandler.call @ exception_handler.js:58(anonymous function) @ application_ref.js:192NgZone._notifyOnError @ ng_zone.js:431collection_1.StringMapWrapper.merge.onError @ ng_zone.js:326Zone.run @ zone-microtask.js:123(anonymous function) @ ng_zone.js:344(anonymous function) @ zone-microtask.js:93
browser_adapter.js:76 BrowserDomAdapter.logError @ browser_adapter.js:76ExceptionHandler.call @ exception_handler.js:59(anonymous function) @ application_ref.js:192NgZone._notifyOnError @ ng_zone.js:431collection_1.StringMapWrapper.merge.onError @ ng_zone.js:326Zone.run @ zone-microtask.js:123(anonymous function) @ ng_zone.js:344(anonymous function) @ zone-microtask.js:93
exception_handler.js:79 Uncaught [object Object]ExceptionHandler.call @ exception_handler.js:79(anonymous function) @ application_ref.js:192NgZone._notifyOnError @ ng_zone.js:431collection_1.StringMapWrapper.merge.onError @ ng_zone.js:326Zone.run @ zone-microtask.js:123(anonymous function) @ ng_zone.js:344(anonymous function) @ zone-microtask.js:93
add route
add service
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.