[js] Adding code sample for Mutation Observation (SeleniumHQ#793) [deploy site]

harsha509 · web-flow · commit 2160deaf4c8a · 2021-10-12T09:47:42.000+02:00
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.de.md b/website_and_docs/content/documentation/webdriver/bidi_apis.de.md
@@ -169,7 +169,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.en.md b/website_and_docs/content/documentation/webdriver/bidi_apis.en.md
@@ -160,7 +160,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.es.md b/website_and_docs/content/documentation/webdriver/bidi_apis.es.md
@@ -161,7 +161,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.fr.md b/website_and_docs/content/documentation/webdriver/bidi_apis.fr.md
@@ -169,7 +169,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.ja.md b/website_and_docs/content/documentation/webdriver/bidi_apis.ja.md
@@ -169,7 +169,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.ko.md b/website_and_docs/content/documentation/webdriver/bidi_apis.ko.md
@@ -169,7 +169,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.nl.md b/website_and_docs/content/documentation/webdriver/bidi_apis.nl.md
@@ -169,7 +169,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.pt-br.md b/website_and_docs/content/documentation/webdriver/bidi_apis.pt-br.md
@@ -169,7 +169,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
diff --git a/website_and_docs/content/documentation/webdriver/bidi_apis.zh-cn.md b/website_and_docs/content/documentation/webdriver/bidi_apis.zh-cn.md
@@ -170,7 +170,31 @@ ensure
 end
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-# Please raise a PR to add code sample
+const {Builder, until} = require('selenium-webdriver');
+const assert = require("assert");
+
+(async function example() {
+  try {
+    let driver = await new Builder()
+      .forBrowser('chrome')
+      .build();
+
+    const cdpConnection = await driver.createCDPConnection();
+    await driver.logMutationEvents(cdpConnection, event => {
+      assert.deepStrictEqual(event['attribute_name'], 'style');
+      assert.deepStrictEqual(event['current_value'], "");
+      assert.deepStrictEqual(event['old_value'], "display:none;");
+    });
+
+    await driver.get('dynamic.html');
+    await driver.findElement({id: 'reveal'}).click();
+    let revealed = driver.findElement({id: 'revealed'});
+    await driver.wait(until.elementIsVisible(revealed), 5000);
+    await driver.quit();
+  }catch (e){
+    console.log(e)
+  }
+}())
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 # Please raise a PR to add code sample
