             expect(atom.themes.stylesheetElementForId(one)).not.toBeNull()
             expect(atom.themes.stylesheetElementForId(two)).not.toBeNull()
             expect(atom.themes.stylesheetElementForId(three)).toBeNull()
-            expect($('#jasmine-content').css('font-size')).toBe '1px'
+
+            expect(getComputedStyle(document.querySelector('#jasmine-content')).fontSize).toBe '1px'
 
       describe "when the metadata does not contain a 'styleSheets' manifest", ->
         it "loads all style sheets from the styles directory", ->


      describe "when the package's keymaps have been disabled", ->
        it "does not add the keymaps", ->
          element1 = $$ -> @div class: 'test-1'

          expect(atom.keymaps.findKeyBindings(keystrokes: 'ctrl-z', target: element1[0])).toHaveLength 0

          atom.config.set("core.packagesWithKeymapsDisabled", ["package-with-keymaps-manifest"])


            expect(atom.themes.stylesheetElementForId(two)).not.toBeNull()
            expect(atom.themes.stylesheetElementForId(three)).not.toBeNull()
            expect(atom.themes.stylesheetElementForId(four)).not.toBeNull()
            expect(getComputedStyle(document.querySelector('#jasmine-content')).fontSize).toBe '3px'

      it "assigns the stylesheet's context based on the filename", ->
        waitsForPromise ->
