aboutsummaryrefslogtreecommitdiffstats
path: root/docs/component-spec/annotationsSpec.js
diff options
context:
space:
mode:
Diffstat (limited to 'docs/component-spec/annotationsSpec.js')
-rw-r--r--docs/component-spec/annotationsSpec.js195
1 files changed, 0 insertions, 195 deletions
diff --git a/docs/component-spec/annotationsSpec.js b/docs/component-spec/annotationsSpec.js
deleted file mode 100644
index 60b17d9a..00000000
--- a/docs/component-spec/annotationsSpec.js
+++ /dev/null
@@ -1,195 +0,0 @@
-describe('Docs Annotations', function() {
-
- beforeEach(module('docsApp'));
-
- var body;
- beforeEach(function() {
- body = angular.element(document.body);
- body.empty();
- });
-
- var normalizeHtml = function(html) {
- return html.toLowerCase().replace(/\s*$/, '');
- };
-
- describe('popover directive', function() {
-
- var $scope, element;
- beforeEach(inject(function($rootScope, $compile) {
- $scope = $rootScope.$new();
- element = angular.element(
- '<div style="margin:200px;" data-title="title_text" data-content="content_text" popover></div>'
- );
- element.attr('id','idx');
- body.append(element);
- $compile(element)($scope);
- $scope.$apply();
- }));
-
- it('should be hidden by default', inject(function(popoverElement) {
- expect(popoverElement.visible()).toBe(false);
- }));
-
- it('should capture the click event and set the title and content and position the tip', inject(function(popoverElement) {
- element.triggerHandler('click');
- expect(popoverElement.isSituatedAt(element)).toBe(true);
- expect(popoverElement.visible()).toBe(true);
- expect(popoverElement.title()).toBe('title_text');
- expect(popoverElement.content()).toContain('content_text');
- expect(popoverElement.besideElement.attr('id')).toBe('idx');
- }));
-
- it('should hide and clear the title and content if the same element is clicked again', inject(function(popoverElement) {
- //show the element
- element.triggerHandler('click');
- expect(popoverElement.isSituatedAt(element)).toBe(true);
-
- //hide the element
- element.triggerHandler('click');
- expect(popoverElement.isSituatedAt(element)).toBe(false);
- expect(popoverElement.visible()).toBe(false);
- expect(popoverElement.title()).toBe('');
- expect(popoverElement.content()).toBe('');
- }));
-
- it('should parse markdown content', inject(function(popoverElement, $compile) {
- element = angular.element(
- '<div style="margin:200px;" data-title="#title_text" data-content="#heading" popover></div>'
- );
- body.append(element);
- $compile(element)($scope);
- $scope.$apply();
- element.triggerHandler('click');
- expect(popoverElement.title()).toBe('#title_text');
- expect(normalizeHtml(popoverElement.content())).toMatch('<h1>heading</h1>');
- }));
-
- });
-
-
- describe('foldout directive', function() {
-
- // Do not run this suite on Internet Explorer.
- if (msie < 10) return;
-
- var $scope, parent, element, url;
- beforeEach(function() {
- module(function($provide, $animateProvider) {
- $animateProvider.register('.foldout', function($timeout) {
- return {
- enter : function(element, done) {
- $timeout(done, 1000);
- },
- removeClass : function(element, className, done) {
- $timeout(done, 500);
- },
- addClass : function(element, className, done) {
- $timeout(done, 200);
- }
- }
- });
- });
- inject(function($rootScope, $compile, $templateCache, $rootElement, $animate) {
- $animate.enabled(true);
- url = '/page.html';
- $scope = $rootScope.$new();
- parent = angular.element('<div class="parent"></div>');
-
- //we're injecting the element to the $rootElement since the changes in
- //$animate only detect and perform animations if the root element has
- //animations enabled. If the element is not apart of the DOM
- //then animations are skipped.
- element = angular.element('<div data-url="' + url + '" class="foldout" foldout></div>');
- parent.append(element);
- $rootElement.append(parent);
- body.append($rootElement);
-
- $compile(parent)($scope);
- $scope.$apply();
- });
- });
-
- it('should inform that it is loading', inject(function($httpBackend) {
- $httpBackend.expect('GET', url).respond('hello');
- element.triggerHandler('click');
-
- var kids = body.children();
- var foldout = angular.element(kids[kids.length-1]);
- expect(foldout.html()).toContain('loading');
- }));
-
- //TODO(matias): this test is bad. it's not clear what is being tested and what the assertions are.
- // Additionally, now that promises get auto-flushed there are extra tasks in the deferred queue which screws up
- // these brittle tests.
- xit('should download a foldout HTML page and animate the contents', inject(function($httpBackend, $timeout, $sniffer) {
- $httpBackend.expect('GET', url).respond('hello');
-
- element.triggerHandler('click');
- $httpBackend.flush();
-
- $timeout.flushNext(0);
- $timeout.flushNext(1000);
-
- var kids = body.children();
- var foldout = angular.element(kids[kids.length-1]);
- expect(foldout.text()).toContain('hello');
- }));
-
- //TODO(matias): this test is bad. it's not clear what is being tested and what the assertions are.
- // Additionally, now that promises get auto-flushed there are extra tasks in the deferred queue which screws up
- // these brittle tests.
- xit('should hide then show when clicked again', inject(function($httpBackend, $timeout, $sniffer) {
- $httpBackend.expect('GET', url).respond('hello');
-
- //enter
- element.triggerHandler('click');
- $httpBackend.flush();
- $timeout.flushNext(0);
- $timeout.flushNext(1000);
-
- //hide
- element.triggerHandler('click');
- $timeout.flushNext(0);
- $timeout.flushNext(200);
-
- //show
- element.triggerHandler('click');
- $timeout.flushNext(0);
- $timeout.flushNext(500);
- $timeout.flushNext(0);
- }));
-
- });
-
- describe('DocsController fold', function() {
-
- var $scope, ctrl;
- beforeEach(function() {
- inject(function($rootScope, $controller, $location, $cookies, sections) {
- $scope = $rootScope.$new();
- ctrl = $controller('DocsController',{
- $scope : $scope,
- $location : $location,
- $cookies : $cookies,
- sections : sections
- });
- });
- });
-
- it('should download and reveal the foldover container', inject(function($compile, $httpBackend) {
- var url = '/page.html';
- var fullUrl = '/notes/' + url;
- $httpBackend.expect('GET', fullUrl).respond('hello');
-
- var element = angular.element('<div ng-include="docs_fold"></div>');
- $compile(element)($scope);
- $scope.$apply();
-
- $scope.fold(url);
-
- $httpBackend.flush();
- }));
-
- });
-
-});