Blame view

lib/jsdom/living/nodes/HTMLStyleElement-impl.js 2.05 KB
858f2bdf5   Boyan Georgiev   fixes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
  "use strict";
  const HTMLElementImpl = require("./HTMLElement-impl").implementation;
  const { removeStylesheet, createStylesheet } = require("../helpers/stylesheets");
  const { documentBaseURL } = require("../helpers/document-base-url");
  const { childTextContent } = require("../helpers/text");
  const { asciiCaseInsensitiveMatch } = require("../helpers/strings");
  
  class HTMLStyleElementImpl extends HTMLElementImpl {
    constructor(globalObject, args, privateData) {
      super(globalObject, args, privateData);
  
      this.sheet = null;
      this._isOnStackOfOpenElements = false;
    }
  
    _attach() {
      super._attach();
      if (!this._isOnStackOfOpenElements) {
        this._updateAStyleBlock();
      }
    }
  
    _detach() {
      super._detach();
      if (!this._isOnStackOfOpenElements) {
        this._updateAStyleBlock();
      }
    }
  
    _childTextContentChangeSteps() {
      super._childTextContentChangeSteps();
  
      // This guard is not required by the spec, but should be unobservable (since you can't run script during the middle
      // of parsing a <style> element) and saves a bunch of unnecessary work.
      if (!this._isOnStackOfOpenElements) {
        this._updateAStyleBlock();
      }
    }
  
    _poppedOffStackOfOpenElements() {
      this._isOnStackOfOpenElements = false;
      this._updateAStyleBlock();
    }
  
    _pushedOnStackOfOpenElements() {
      this._isOnStackOfOpenElements = true;
    }
  
    _updateAStyleBlock() {
      if (this.sheet) {
        removeStylesheet(this.sheet, this);
      }
  
      // Browsing-context connected, per https://github.com/whatwg/html/issues/4547
      if (!this.isConnected || !this._ownerDocument._defaultView) {
        return;
      }
  
      const type = this.getAttributeNS(null, "type");
      if (type !== null && type !== "" && !asciiCaseInsensitiveMatch(type, "text/css")) {
        return;
      }
  
      // Not implemented: CSP
  
      const content = childTextContent(this);
      // Not implemented: a bunch of other state, e.g. title/media attributes
      createStylesheet(content, this, documentBaseURL(this._ownerDocument));
    }
  }
  
  module.exports = {
    implementation: HTMLStyleElementImpl
  };