javascript - I cant get the expected URL with TestCafe - Stack Overflow

admin管理员组

文章数量:1021912

I want to assert that I am on the "Home Page" after the user is logged in the Home Page. I made a function 'onPage' to return me the contains of the URL.

Here is the code:

function onPage (secondPage, URL) {
  if (secondPage === 'Home Page') {
    return await                
            testController.expect(URL.textContent).contains('URL-of-the-Home-Page');
  }
}


Then(THEN.THE_HOME_PAGE_IS_OPENED, async (secondPage) => {
  await testController.expect(onPage(secondPage, URL)).eql(true);
}

And here is my BDD scenario:

  Scenario Outline: User is logged in the 
    Given the <namePage> is opened
      And the user populate <username>
      And the user populate <password>
     When the user clicks on Login button
     Then he is on <secondPage>

    Examples: 
      | namePage     | username | password | secondPage  | 
      | "Login Page" | "admin"  | "admin"  | "Home Page" |

I want to assert that I am on the "Home Page" after the user is logged in the Home Page. I made a function 'onPage' to return me the contains of the URL.

Here is the code:

function onPage (secondPage, URL) {
  if (secondPage === 'Home Page') {
    return await                
            testController.expect(URL.textContent).contains('URL-of-the-Home-Page');
  }
}


Then(THEN.THE_HOME_PAGE_IS_OPENED, async (secondPage) => {
  await testController.expect(onPage(secondPage, URL)).eql(true);
}

And here is my BDD scenario:

  Scenario Outline: User is logged in the 
    Given the <namePage> is opened
      And the user populate <username>
      And the user populate <password>
     When the user clicks on Login button
     Then he is on <secondPage>

    Examples: 
      | namePage     | username | password | secondPage  | 
      | "Login Page" | "admin"  | "admin"  | "Home Page" |

• javascript
• automation
• automated-tests
• e2e-testing
• testcafe

Share Improve this question Follow edited Jul 16, 2019 at 7:10 Alex Skorkin 4,27433 gold badges2727 silver badges4848 bronze badges asked Jul 15, 2019 at 7:01 AlexMosAlexMos 8111 silver badge66 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

It looks like you are using some TestCafe-based BDD framework, so I do not precisely know how to do it with your syntax. However, in TestCafe this issue can be easily solved using the ClientFunctions mechanism.

Please see the following code:

const getURL = ClientFunction(() => window.location.href);
const myUrl = await getURL();

Then you can use the myUrl value in your assertions.

---

UPDATE:

Here is a working example which includes the use of TestCafe syntax: 

import { ClientFunction } from 'testcafe';
 
const URL = 'https://example./';
const getURL = ClientFunction(() => window.location.href);
 
fixture`My Fixture`
    .page(URL);
 
test('Assert page URL', async t => {
    await t.expect(getURL()).eql(URL);
});

You'll need to implement something similar. For example, you can use the approach suggested in the error text: const myUrl = await getURL.with({ boundTestRun: testController })();

to get the url outside assert statement, you can call it like: let myUrl = await getURL.with({ boundTestRun: t })();

I want to assert that I am on the "Home Page" after the user is logged in the Home Page. I made a function 'onPage' to return me the contains of the URL.

Here is the code:

function onPage (secondPage, URL) {
  if (secondPage === 'Home Page') {
    return await                
            testController.expect(URL.textContent).contains('URL-of-the-Home-Page');
  }
}


Then(THEN.THE_HOME_PAGE_IS_OPENED, async (secondPage) => {
  await testController.expect(onPage(secondPage, URL)).eql(true);
}

And here is my BDD scenario:

  Scenario Outline: User is logged in the 
    Given the <namePage> is opened
      And the user populate <username>
      And the user populate <password>
     When the user clicks on Login button
     Then he is on <secondPage>

    Examples: 
      | namePage     | username | password | secondPage  | 
      | "Login Page" | "admin"  | "admin"  | "Home Page" |

I want to assert that I am on the "Home Page" after the user is logged in the Home Page. I made a function 'onPage' to return me the contains of the URL.

Here is the code:

function onPage (secondPage, URL) {
  if (secondPage === 'Home Page') {
    return await                
            testController.expect(URL.textContent).contains('URL-of-the-Home-Page');
  }
}


Then(THEN.THE_HOME_PAGE_IS_OPENED, async (secondPage) => {
  await testController.expect(onPage(secondPage, URL)).eql(true);
}

And here is my BDD scenario:

  Scenario Outline: User is logged in the 
    Given the <namePage> is opened
      And the user populate <username>
      And the user populate <password>
     When the user clicks on Login button
     Then he is on <secondPage>

    Examples: 
      | namePage     | username | password | secondPage  | 
      | "Login Page" | "admin"  | "admin"  | "Home Page" |

• javascript
• automation
• automated-tests
• e2e-testing
• testcafe

Share Improve this question Follow edited Jul 16, 2019 at 7:10 Alex Skorkin 4,27433 gold badges2727 silver badges4848 bronze badges asked Jul 15, 2019 at 7:01 AlexMosAlexMos 8111 silver badge66 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

It looks like you are using some TestCafe-based BDD framework, so I do not precisely know how to do it with your syntax. However, in TestCafe this issue can be easily solved using the ClientFunctions mechanism.

Please see the following code:

const getURL = ClientFunction(() => window.location.href);
const myUrl = await getURL();

Then you can use the myUrl value in your assertions.

---

UPDATE:

Here is a working example which includes the use of TestCafe syntax: 

import { ClientFunction } from 'testcafe';
 
const URL = 'https://example./';
const getURL = ClientFunction(() => window.location.href);
 
fixture`My Fixture`
    .page(URL);
 
test('Assert page URL', async t => {
    await t.expect(getURL()).eql(URL);
});

You'll need to implement something similar. For example, you can use the approach suggested in the error text: const myUrl = await getURL.with({ boundTestRun: testController })();

to get the url outside assert statement, you can call it like: let myUrl = await getURL.with({ boundTestRun: t })();

本文标签： javascriptI cant get the expected URL with TestCafeStack Overflow