public void MutationObserverAttrMakeSureTransientGetsRemoved()
{
var document = Html("");
var testDiv = document.Body.AppendChild(document.CreateElement("div"));
var div = testDiv.AppendChild(document.CreateElement("div"));
var child = document.CreateElement("div");
div.AppendChild(child);
var i = 0;
var observer = new MutationObserver((records, obs) =>
{
Assert.AreNotEqual(2, ++i);
Assert.AreEqual(records.Count(), 1);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "a",
AttributeNamespace = null
});
});
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
IsObservingSubtree = true
});
div.RemoveChild(child);
child.SetAttribute("a", "A");
observer.Trigger();
var div2 = document.CreateElement("div");
var observer2 = new MutationObserver((records, obs) =>
{
Assert.LessOrEqual(++i, 3);
Assert.AreEqual(records.Count(), 1);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "b",
AttributeNamespace = null
});
});
observer2.Connect(div2, new MutationObserverInit
{
IsObservingAttributes = true,
IsObservingSubtree = true,
});
div2.AppendChild(child);
child.SetAttribute("b", "B");
observer2.Trigger();
}
public void MutationObserverChildlistCallback()
{
var document = Html("");
var testDiv = document.Body.AppendChild(document.CreateElement("div"));
var div = testDiv.AppendChild(document.CreateElement("div"));
var child = div.AppendChild(document.CreateElement("div"));
var grandChild = document.CreateElement("span");
var i = 0;
var observer = new MutationObserver((records, obs) =>
{
Assert.LessOrEqual(++i, 2);
Assert.AreEqual(2, records.Count());
AssertRecord(records[0], new TestMutationRecord
{
Type = "childList",
Target = div,
Removed = ToNodeList(child)
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "childList",
Target = child,
Added = ToNodeList(grandChild)
});
// The transient observers are removed before the callback is called.
child.RemoveChild(grandChild);
records = obs.Flush().ToArray();
Assert.AreEqual(0, records.Count());
});
observer.Connect(div, new MutationObserverInit
{
IsObservingChildNodes = true,
IsObservingSubtree = true
});
div.RemoveChild(child);
child.AppendChild(grandChild);
observer.Trigger();
}
public void Unregister(MutationObserver observer)
{
if (_observers.Contains(observer))
{
_observers.Remove(observer);
}
}
public void ConnectMutationObserverAttributesTriggerManually()
{
var called = false;
var attrName = "something";
var attrValue = "test";
var observer = new MutationObserver((mut, obs) =>
{
called = true;
Assert.AreEqual(1, mut.Length);
Assert.AreEqual(attrName, mut[0].AttributeName);
Assert.IsNull(mut[0].PreviousValue);
});
var document = Html("");
observer.Connect(document.Body, new MutationObserverInit
{
IsObservingAttributes = true
});
document.Body.SetAttribute(attrName, attrValue);
observer.TriggerWith(observer.Flush().ToArray());
Assert.IsTrue(called);
}
public void Unregister(MutationObserver observer)
{
if (_observers.Contains(observer))
{
_observers.Remove(observer);
}
}
public void Register(MutationObserver observer)
{
if (!_observers.Contains(observer))
{
_observers.Add(observer);
}
}
public void Register(MutationObserver observer)
{
if (!_observers.Contains(observer))
{
_observers.Add(observer);
}
}
public void ConnectMutationObserverMultipleAttributesDescendentTriggerManually()
{
var called1 = false;
var called2 = false;
var called3 = false;
var attrName = "something";
var attrValue = "test";
var document = Html("");
var observer1 = new MutationObserver((mut, obs) =>
{
called1 = true;
Assert.AreEqual(1, mut.Length);
});
observer1.Connect(document.DocumentElement, new MutationObserverInit
{
IsObservingAttributes = true,
IsObservingSubtree = true
});
var observer2 = new MutationObserver((mut, obs) =>
{
called2 = true;
Assert.AreEqual(0, mut.Length);
});
observer2.Connect(document.DocumentElement, new MutationObserverInit
{
IsObservingAttributes = true,
IsObservingSubtree = false
});
var observer3 = new MutationObserver((mut, obs) =>
{
called3 = true;
Assert.AreEqual(1, mut.Length);
});
observer3.Connect(document.Body, new MutationObserverInit
{
IsObservingAttributes = true
});
document.Body.SetAttribute(attrName, attrValue);
observer1.TriggerWith(observer1.Flush().ToArray());
observer2.TriggerWith(observer2.Flush().ToArray());
observer3.TriggerWith(observer3.Flush().ToArray());
Assert.IsTrue(called1);
Assert.IsTrue(called2);
Assert.IsTrue(called3);
}
public void ConnectMutationObserverChildNodesTriggerManually()
{
var called = false;
var observer = new MutationObserver((mut, obs) =>
{
called = true;
Assert.AreEqual(1, mut.Length);
var record = mut[0];
Assert.IsNotNull(record.Added);
Assert.AreEqual(1, record.Added.Length);
});
var document = Html("");
observer.Connect(document.Body, childList: true);
document.Body.AppendChild(document.CreateElement("span"));
observer.TriggerWith(observer.Flush().ToArray());
Assert.IsTrue(called);
}
public void MutationObserverCharacterdataWithOldValue()
{
var document = Html("");
var testDiv = document.Body.AppendChild(document.CreateElement("div"));
var text = testDiv.AppendChild(document.CreateTextNode("abc"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(text, new MutationObserverInit
{
IsObservingCharacterData = true,
IsExaminingOldCharacterData = true
});
text.TextContent = "def";
text.TextContent = "ghi";
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "characterData",
Target = text,
PreviousValue = "abc"
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "characterData",
Target = text,
PreviousValue = "def"
});
}
public void MutationObserverChildListCharacterdata()
{
var document = Html("");
var div = document.CreateElement("div");
var child = div.AppendChild(document.CreateTextNode("text"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingCharacterData = true,
IsObservingSubtree = true
});
div.RemoveChild(child);
child.TextContent = "changed";
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 1);
AssertRecord(records[0], new TestMutationRecord
{
Type = "characterData",
Target = child
});
child.TextContent += " again";
records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 1);
AssertRecord(records[0], new TestMutationRecord
{
Type = "characterData",
Target = child
});
}
public void MutationObserverOneObserverTwoAttributeChanges()
{
var document = Html("");
var div = document.CreateElement("div");
var observer = new MutationObserver((records, obs) =>
{
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a",
AttributeNamespace = null
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a",
AttributeNamespace = null
});
});
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true
});
div.SetAttribute("a", "A");
div.SetAttribute("a", "B");
}
public void MutationObserverNestedChanges()
{
var document = Html("");
var div = document.CreateElement("div");
var fresh = true;
var observer = new MutationObserver((records, obs) =>
{
Assert.AreEqual(records.Count(), 1);
if (fresh)
{
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a",
AttributeNamespace = null
});
div.SetAttribute("b", "B");
fresh = false;
}
else
{
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "b",
AttributeNamespace = null
});
}
});
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true
});
div.SetAttribute("a", "A");
}
public void ConnectMutationObserverTextNoDescendentsButCreatedTriggerManually()
{
var called = false;
var text = "something";
var observer = new MutationObserver((mut, obs) =>
{
called = true;
Assert.AreEqual(1, mut.Length);
Assert.AreEqual(1, mut[0].Added.Length);
Assert.AreEqual(text, mut[0].Added[0].TextContent);
});
var document = Html("");
observer.Connect(document.Body, new MutationObserverInit
{
IsObservingSubtree = false,
IsObservingChildNodes = true
});
document.Body.TextContent = text;
observer.TriggerWith(observer.Flush().ToArray());
Assert.IsTrue(called);
}
public void MutationObserverDisconnectShouldNotAffectOtherObservers()
{
var document = Html("");
var div = document.CreateElement("div");
var observer1 = new MutationObserver((obs, mut) => { });
observer1.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
});
var observer2 = new MutationObserver((obs, mut) => { });
observer2.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
});
div.SetAttribute("a", "A");
observer1.Disconnect();
var records1 = observer1.Flush().ToArray();
Assert.AreEqual(records1.Count(), 0);
var records2 = observer2.Flush().ToArray();
Assert.AreEqual(records2.Count(), 1);
AssertRecord(records2[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a"
});
div.SetAttribute("b", "B");
records1 = observer1.Flush().ToArray();
Assert.AreEqual(records1.Count(), 0);
records2 = observer2.Flush().ToArray();
Assert.AreEqual(records2.Count(), 1);
AssertRecord(records2[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "b"
});
}
public void MutationObserverBothDirectAndSubtree()
{
var document = Html("");
var div = document.CreateElement("div");
var child = div.AppendChild(document.CreateElement("div"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingChildNodes = true,
IsObservingSubtree = true
});
observer.Connect(child, new MutationObserverInit
{
IsObservingChildNodes = true
});
var a = document.CreateTextNode("a");
var b = document.CreateTextNode("b");
child.AppendChild(a);
div.AppendChild(b);
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "childList",
Target = child,
Added = ToNodeList(a)
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "childList",
Target = div,
Added = ToNodeList(b),
PreviousSibling = child
});
}
public void MutationObserverRemovechild()
{
var document = Html("");
var testDiv = document.Body.AppendChild(document.CreateElement("div"));
var div = testDiv.AppendChild(document.CreateElement("div"));
var a = div.AppendChild(document.CreateElement("a"));
var b = div.AppendChild(document.CreateElement("b"));
var c = div.AppendChild(document.CreateElement("c"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingChildNodes = true
});
div.RemoveChild(b);
div.RemoveChild(a);
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "childList",
Target = div,
Removed = ToNodeList(b),
NextSibling = c,
PreviousSibling = a
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "childList",
Target = div,
Removed = ToNodeList(a),
NextSibling = c
});
}
public void MutationObserverMultipleObserversOnSameTarget()
{
var document = Html("");
var div = document.CreateElement("div");
var observer1 = new MutationObserver((obs, mut) => { });
observer1.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
IsExaminingOldAttributeValue = true
});
var observer2 = new MutationObserver((obs, mut) => { });
observer2.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
AttributeFilters = new[] { "b" }
});
div.SetAttribute("a", "A");
div.SetAttribute("a", "A2");
div.SetAttribute("b", "B");
var records = observer1.Flush().ToArray();
Assert.AreEqual(records.Count(), 3);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a"
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a",
PreviousValue = "A"
});
AssertRecord(records[2], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "b"
});
records = observer2.Flush().ToArray();
Assert.AreEqual(1, records.Count());
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "b"
});
}
public void MutationObserverObserverObservesOnDifferentTarget()
{
var document = Html("");
var div = document.CreateElement("div");
var child = document.CreateElement("div");
div.AppendChild(child);
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(child, new MutationObserverInit
{
IsObservingAttributes = true
});
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
IsObservingSubtree = true,
IsExaminingOldAttributeValue = true
});
child.SetAttribute("a", "A");
child.SetAttribute("a", "A2");
child.SetAttribute("b", "B");
var records = observer.Flush().ToArray();
Assert.AreEqual(3, records.Count());
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "a"
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "a",
PreviousValue = "A"
});
AssertRecord(records[2], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "b"
});
}
public void MutationObserverAttrChangeSubtree()
{
var document = Html("");
var div = document.CreateElement("div");
var child = document.CreateElement("div");
div.AppendChild(child);
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
IsObservingSubtree = true
});
child.SetAttribute("a", "A");
child.SetAttribute("a", "B");
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "a"
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "attributes",
Target = child,
AttributeName = "a"
});
}
public void MutationObserverAttrChangeInSubtreeShouldNotGenereateARecord()
{
var document = Html("");
var div = document.CreateElement("div");
var child = document.CreateElement("div");
div.AppendChild(child);
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true
});
child.SetAttribute("a", "A");
child.SetAttribute("a", "B");
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 0);
}
public void MutationObserverAttrWithOldvalue()
{
var document = Html("");
var div = document.CreateElement("div");
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
IsExaminingOldAttributeValue = true
});
div.SetAttribute("a", "A");
div.SetAttribute("a", "B");
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a",
AttributeNamespace = null,
PreviousValue = null
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "a",
AttributeNamespace = null,
PreviousValue = "A"
});
}
public void MutationObserverCharacterdataChangeInSubtreeShouldNotGenerateARecord()
{
var document = Html("");
var div = document.CreateElement("div");
var text = div.AppendChild(document.CreateTextNode("abc"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingCharacterData = true
});
text.TextContent = "def";
text.TextContent = "ghi";
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 0);
}
public void ConnectMutationObserverTextWithDescendentsAndExaminingOldValueTriggerManually()
{
var called = false;
var text = "something";
var replaced = "different";
var observer = new MutationObserver((mut, obs) =>
{
called = true;
Assert.AreEqual(1, mut.Length);
Assert.AreEqual(text, mut[0].PreviousValue);
var tn = mut[0].Target as TextNode;
Assert.IsNotNull(tn);
Assert.AreEqual(text + replaced, tn.TextContent);
});
var document = Html("");
observer.Connect(document.Body, new MutationObserverInit
{
IsObservingCharacterData = true,
IsObservingSubtree = true,
IsExaminingOldCharacterData = true
});
document.Body.TextContent = text;
var textNode = document.Body.ChildNodes[0] as TextNode;
textNode.Replace(text.Length, 0, replaced);
observer.TriggerWith(observer.Flush().ToArray());
Assert.IsTrue(called);
}
public void MutationObserverCharacterdataChangeInSubtree()
{
var document = Html("");
var div = document.CreateElement("div");
var text = div.AppendChild(document.CreateTextNode("abc"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingCharacterData = true,
IsObservingSubtree = true
});
text.TextContent = "def";
text.TextContent = "ghi";
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "characterData",
Target = text
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "characterData",
Target = text
});
}
public void MutationObserverChildlist()
{
var document = Html("");
var testDiv = document.Body.AppendChild(document.CreateElement("div"));
var div = testDiv.AppendChild(document.CreateElement("div"));
var child = div.AppendChild(document.CreateElement("div"));
var observer = new MutationObserver((mut, obs) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingChildNodes = true,
IsObservingSubtree = true
});
div.RemoveChild(child);
var grandChild = child.AppendChild(document.CreateElement("span"));
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 2);
AssertRecord(records[0], new TestMutationRecord
{
Type = "childList",
Target = div,
Removed = ToNodeList(child)
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "childList",
Target = child,
Added = ToNodeList(grandChild)
});
child.RemoveChild(grandChild);
records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 1);
AssertRecord(records[0], new TestMutationRecord
{
Type = "childList",
Target = child,
Removed = ToNodeList(grandChild)
});
}
public void MutationObserverSubtree()
{
var document = Html("");
var div = document.CreateElement("div");
var child = div.AppendChild(document.CreateElement("div"));
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(child, new MutationObserverInit
{
IsObservingChildNodes = true
});
var a = document.CreateTextNode("a");
var b = document.CreateTextNode("b");
child.AppendChild(a);
child.InsertBefore(b, a);
child.RemoveChild(b);
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 3);
AssertRecord(records[0], new TestMutationRecord
{
Type = "childList",
Target = child,
Added = ToNodeList(a)
});
AssertRecord(records[1], new TestMutationRecord
{
Type = "childList",
Target = child,
NextSibling = a,
Added = ToNodeList(b)
});
AssertRecord(records[2], new TestMutationRecord
{
Type = "childList",
Target = child,
NextSibling = a,
Removed = ToNodeList(b)
});
}
public void ConnectMutationObserverTextNoDescendentsTriggerManually()
{
var called = false;
var text = "something";
var replaced = "different";
var observer = new MutationObserver((mut, obs) =>
{
called = true;
Assert.AreEqual(0, mut.Length);
});
var document = Html("");
observer.Connect(document.Body, new MutationObserverInit
{
IsObservingCharacterData = true,
IsObservingSubtree = false
});
document.Body.TextContent = text;
var textNode = document.Body.ChildNodes[0] as TextNode;
textNode.Replace(text.Length, 0, replaced);
observer.TriggerWith(observer.Flush().ToArray());
Assert.IsTrue(called);
}
public void Register(MutationObserver observer)
{
if (_observers.Contains(observer) == false)
_observers.Add(observer);
}
public void MutationObserverObservingOnTheSameNodeShouldUpdateTheOptions()
{
var document = Html("");
var div = document.CreateElement("div");
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
AttributeFilters = new[] { "a" }
});
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
AttributeFilters = new[] { "b" }
});
div.SetAttribute("a", "A");
div.SetAttribute("b", "B");
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 1);
AssertRecord(records[0], new TestMutationRecord
{
Type = "attributes",
Target = div,
AttributeName = "b"
});
}
public void MutationObserverDisconnectShouldStopAllEventsAndEmptyTheRecords()
{
var document = Html("");
var div = document.CreateElement("div");
var observer = new MutationObserver((obs, mut) => { });
observer.Connect(div, new MutationObserverInit
{
IsObservingAttributes = true,
});
div.SetAttribute("a", "A");
observer.Disconnect();
var records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 0);
div.SetAttribute("b", "B");
records = observer.Flush().ToArray();
Assert.AreEqual(records.Count(), 0);
}
public void MutationObserverCharacterdataCallback()
{
var document = Html("");
var div = document.CreateElement("div");
var child = div.AppendChild(document.CreateTextNode("text"));
var i = 0;
var observer = new MutationObserver((records, obs) =>
{
Assert.LessOrEqual(++i, 2);
Assert.AreEqual(1, records.Count());
AssertRecord(records[0], new TestMutationRecord
{
Type = "characterData",
Target = child
});
// The transient observers are removed before the callback is called.
child.TextContent += " again";
records = obs.Flush().ToArray();
Assert.AreEqual(0, records.Count());
});
observer.Connect(div, new MutationObserverInit
{
IsObservingCharacterData = true,
IsObservingSubtree = true
});
div.RemoveChild(child);
child.TextContent = "changed";
observer.Trigger();
}