Gist 159a8117261c02868bf3bb34f860ab9c

100%

Gist 159a8117261c02868bf3bb34f860ab9c

✓ Published0🌍 Public

Last edited Aug 9, 2017

Created on Jan 20, 2021

This example shows unit tests for an Angular `SampleService` that fetches airport data from a remote API. The service exposes two methods: `fetchAll$` returns a sorted list of airports, while `fetchByIATA$` retrieves a single airport by its IATA code. The tests use Angular’s `HttpClientTestingModule` and `HttpTestingController` to mock HTTP requests and flush dummy JSON data. The code verifies that the service correctly parses and orders the response, relying on RxJS observables and Angular’s dependency injection for testability.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist fadcc73c7137e3e731b2dc5a98894add

This example demonstrates a geolocation service that retrieves the user’s current position and exposes it as an observable stream. The code uses Angular’s `@Injectable` decorator and RxJS `Observable.create` to wrap the browser’s `window.navigator.geolocation.getCurrentPosition` API, converting the raw `Coordinates` object (latitude, longitude, and accuracy) into a typed `Coordinates` model. It handles browser support and user rejection errors via a predefined error-message array, completing the observable after a successful position fix. The visualization focuses on the service logic rather than rendering, with no charting or drawing libraries involved.

Aackuser

62% match

Loading thumbnail…

Sample protractor test for todo list in angularjs.org

This example shows an automated end-to-end test for the AngularJS homepage’s todo list, verifying that a new todo item is added correctly. The test, written with Protractor, uses `browser.get` to navigate to the site, `element(by.model)` and `element(by.css)` to locate input and button controls, and `element.all(by.repeater)` to inspect the rendered list. It asserts the todo count changes to three and that the newly added text appears as the last item. The code demonstrates a concrete workflow for validating dynamic list behavior in a real web application.

Aackuser

60% match

Loading thumbnail…

Example of how you can test your AngularJS providers.

This example demonstrates how to test AngularJS providers using the Karma test runner with Jasmine specifications. The code defines a simple configurable provider with a default value and setter method, then verifies both default and configured behaviors through injected instances. The provider exposes `getValue` and `throwValue` functions, which the specs check for expected output and error messages. Tests run in PhantomJS, with AngularJS and angular-mocks loaded as dependencies.

Aackuser

59% match

Loading thumbnail…

"ng6-udm-mock" JsonPlaceholderとjson-serverを使用するためのAngular6用サービスライブラリ ref: https://qiita.com/SOhtsu/items/b19818c17f39aaddaa98

This example demonstrates a service library for Angular 6 that provides CRUD operations for mock data entities such as posts, comments, albums, photos, todos, and users. It uses ng6-udm-mock with json-server and JSONPlaceholder as the backend API. The code defines TypeScript interfaces for all data models and exposes Observable-based methods like getAllPosts(), getPost(id), addPost(), updatePost(), and deletePost(). The AppComponent shows how to subscribe to these methods for retrieving and manipulating data, with error handling for HTTP responses.

OOhtsu

59% match

Loading thumbnail…

CookieService

This example shows an Angular service class, `CookieService`, that provides typed methods for setting and retrieving browser cookies. It demonstrates a fluent API for specifying cookie expiration in units from milliseconds up to years, converting the requested duration into a `Date` object and calling `document.cookie` to persist the value. The `get` method decodes the cookie string, splits it into key-value pairs, and returns the value for the requested key, or an empty string if absent. The code relies solely on the browser’s native `document.cookie` API and Angular’s `Injectable` decorator.

Aackuser

58% match

Loading thumbnail…

Gist 70aa9843db736bfad529

This example demonstrates automated UI testing for a web application’s navigation and search features. The code uses the WebDriver API via the `wd` library with Mocha and async.js to simulate user interactions. It verifies that the top-level category “Terveys” appears in the service tree, that the typeahead suggestions show “Kallion kirjasto,” and that a full search returns that same result. The tests rely on XPath and CSS selectors to locate elements and assert their displayed text.

ZZeukkari

56% match

Loading thumbnail…

Gist 8537515

This example shows a booking management interface where users can search inventory items, view their availability segments over a date range, and add them to a current booking. The AngularJS app uses `$http` to fetch booking data from `/api/booking/` and stock item segments from `/api/stock_item/.../get_segments_for_period/`, displaying date ranges as day/month labels and enabling toggling of child tracked items. It also supports creating new bookings via POST to `/api/create-booking/` and saving changes through PUT requests.

Aandybak

55% match

Loading thumbnail…

Gist 4ff85e89516594d9399c15b3c436878f

This example demonstrates JavaScript Promise patterns for asynchronous server communication, showing fetch(), .then(), .catch(), Promise.all/race, custom Promise construction, and async/await syntax. The code samples use the browser's built-in fetch() API against document.URL.toString() to simulate server checks, with console.log output for results and error handling. It also includes a setTimeout-based delay Promise example to illustrate timing control. The gist serves as educational reference material, contrasting Promise chains, custom Promise creation, and sugar-syntax async functions.

MMistyBlunch

54% match