AngularJS Jasmine unit test for classList add

Trying to write a unit test for a ng-click that adds a CSS class (color change) when the user clicks on the Markers anchor tag. What I have is NOT working, and I have an error... TypeError: Cannot read property 'classList' of null. Using Jasmine and AngularJS. Any help advise is appreciated.

HTML...

<div class="panel">
    <ul class="inline-block">
        <li class='subtab'>
            <a id="markersSubtab" ng-click="subtabClick('Markers')">Markers</a>
        </li>
        <li class='subtab'>
            <a id="queryImpactSubtab" ng-click="subtabClick('Query Impact')">Query Impact</a>
        </li>
    </ul>
</div>
<div class="tabpanel-content">
    <div ng-show="!queryImpactSelected">
        <cdi-directive></cdi-directive>
    </div>
    <div ng-show="queryImpactSelected">
        <query-impact-control></query-impact-control>
    </div>
</div>

Controller.js...

define(function (require) {
var cdiSummaryTabModule = require("../CDIModule");

cdiSummaryTabModule.controller('CDISummaryTabController', CDISummaryTabController);
CDISummaryTabController.$inject = ['$scope', '$rootScope', 'QueryImpactService'];

    function CDISummaryTabController($scope, $rootScope, QueryImpactService)
    {
        $scope.queryImpactSelected = false;
        $scope.subtabClick = subtabClick;

        initialize();

        function initialize() {
            subtabClick('Markers');
        }

        function subtabClick(tabName) {
            if (tabName == 'Query Impact') {
                $scope.queryImpactSelected = true;
                document.querySelector('#markersSubtab').classList.remove('subtabSelected');
                document.querySelector('#queryImpactSubtab').classList.add('subtabSelected');           
            }
            if (tabName == 'Markers') {
                $scope.queryImpactSelected = false;
                document.querySelector('#queryImpactSubtab').classList.remove('subtabSelected');
                document.querySelector('#markersSubtab').classList.add('subtabSelected');              
            }        
        }


    };
});

ControllerTests.js...

it('Should add subtabSelected class on click of Markers', function () {

            var clicked = 'Markers';
            var myElement = angular.element(document.querySelector('#markersSubtab'));
            myElement .add();
            var myDiv= '<div id="markersSubtab" class="subtabSelected"></div>';
            var elementOne= angular.element(myDiv);
            var compiledElement= $compile(elementOne)(scope);
            angular.element(document).find('body').append(elementOne);

            scope.$digest();
            scope.subtabClick(clicked);          

            expect(compiledElement.hasClass('subtabSelected')).toEqual(true);

        });