Adding JavaScript wait examples (#1451)[deploy site]

* adding javascript test examples for waits * adding examples of Implicit wait and explicit wait for javascript * adding javascirpt wait examples in ja, pt, zh languages --------- Co-authored-by: Sri Harsha <[email protected]>
SeleniumHQ · Sep 1, 2023 · 86a5047 · 86a5047
1 parent cb35c2d
commit 86a5047
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 8 deletions.
diff --git a/examples/javascript/test/waits/waits.spec.js b/examples/javascript/test/waits/waits.spec.js
@@ -0,0 +1,55 @@
+const { suite } = require('selenium-webdriver/testing');
+const { By, Browser, until } = require('selenium-webdriver');
+const assert = require("node:assert");
+
+suite(function (env) {
+    describe('Element Interactions', function () {
+        let driver;
+
+        before(async function () {
+            driver = await env.builder().build();
+        });
+
+        after(async () => await driver.quit());
+
+        it('fail', async function () {
+            await driver.get('https://www.selenium.dev/selenium/web/dynamic.html');
+            await driver.findElement(By.id("adder")).click();
+
+            await assert.rejects(async () => {
+                await driver.findElement(By.id("box0"))
+            },
+                Error
+            )
+        });
+
+        it('sleep', async function () {
+            await driver.get('https://www.selenium.dev/selenium/web/dynamic.html');
+            await driver.findElement(By.id("adder")).click();
+
+            await driver.sleep(2000);
+            let added = await driver.findElement(By.id("box0"));
+
+            assert.equal(await added.getAttribute('class'), "redbox")
+        });
+
+        it('implicit', async function () {
+            await driver.manage().setTimeouts({ implicit: 2000 });
+            await driver.get('https://www.selenium.dev/selenium/web/dynamic.html');
+            await driver.findElement(By.id("adder")).click();
+
+            let added = await driver.findElement(By.id("box0"));
+
+            assert.equal(await added.getAttribute('class'), "redbox")
+        });
+
+        it('explicit', async function () {
+            await driver.get('https://www.selenium.dev/selenium/web/dynamic.html');
+            let revealed = await driver.findElement(By.id("revealed"));
+            await driver.findElement(By.id("reveal")).click();
+            await driver.wait(until.elementIsVisible(revealed), 2000);
+            await revealed.sendKeys("Displayed");
+            assert.equal(await revealed.getAttribute("value"), "Displayed")
+        })
+    });
+}, { browsers: [Browser.CHROME] });
diff --git a/website_and_docs/content/documentation/webdriver/waits.en.md b/website_and_docs/content/documentation/webdriver/waits.en.md
@@ -79,7 +79,7 @@ Solving our example with an implicit wait looks like this:
 {{< gh-codeblock path="examples/ruby/spec/waits/waits_spec.rb#L28-L32" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L37-L41" >}}
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}
@@ -115,7 +115,7 @@ This example shows the condition being waited for as a _lambda_. Python also sup
   {{< /tab >}}
   {{% tab header="JavaScript" %}}
 JavaScript also supports [Expected Conditions]({{< ref "support_features/expected_conditions" >}})
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L47-L51" >}}
   {{% /tab %}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}

diff --git a/website_and_docs/content/documentation/webdriver/waits.ja.md b/website_and_docs/content/documentation/webdriver/waits.ja.md
@@ -79,7 +79,7 @@ Solving our example with an implicit wait looks like this:
 {{< gh-codeblock path="examples/ruby/spec/waits/waits_spec.rb#L28-L32" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L37-L41" >}}
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}
@@ -115,7 +115,7 @@ This example shows the condition being waited for as a _lambda_. Python also sup
   {{< /tab >}}
   {{% tab header="JavaScript" %}}
 JavaScript also supports [Expected Conditions]({{< ref "support_features/expected_conditions" >}})
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L47-L51" >}}
   {{% /tab %}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}

diff --git a/website_and_docs/content/documentation/webdriver/waits.pt-br.md b/website_and_docs/content/documentation/webdriver/waits.pt-br.md
@@ -79,7 +79,7 @@ Solving our example with an implicit wait looks like this:
 {{< gh-codeblock path="examples/ruby/spec/waits/waits_spec.rb#L28-L32" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L37-L41" >}}
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}
@@ -115,7 +115,7 @@ This example shows the condition being waited for as a _lambda_. Python also sup
   {{< /tab >}}
   {{% tab header="JavaScript" %}}
 JavaScript also supports [Expected Conditions]({{< ref "support_features/expected_conditions" >}})
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L47-L51" >}}
   {{% /tab %}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}

diff --git a/website_and_docs/content/documentation/webdriver/waits.zh-cn.md b/website_and_docs/content/documentation/webdriver/waits.zh-cn.md
@@ -79,7 +79,7 @@ Solving our example with an implicit wait looks like this:
 {{< gh-codeblock path="examples/ruby/spec/waits/waits_spec.rb#L28-L32" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L37-L41" >}}
   {{< /tab >}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}
@@ -115,7 +115,7 @@ This example shows the condition being waited for as a _lambda_. Python also sup
   {{< /tab >}}
   {{% tab header="JavaScript" %}}
 JavaScript also supports [Expected Conditions]({{< ref "support_features/expected_conditions" >}})
-{{< badge-code >}}
+{{< gh-codeblock path="examples/javascript/test/waits/waits.spec.js#L47-L51" >}}
   {{% /tab %}}
   {{< tab header="Kotlin" >}}
 {{< badge-code >}}