TypeScript protractor.By類代碼示例

 it('escapes untrusted resource URLs', () => {
   let iframe = element(By.className('e2e-iframe-untrusted-src'));
   expect(iframe.getAttribute('src')).toBe('');
 });

 it('binds trusted resource URLs', () => {
   let iframe = element(By.className('e2e-iframe-trusted-src'));
   expect(iframe.getAttribute('src')).toMatch(/^https:\/\/www.youtube.com\//);
 });

import {playersCollection, tribeCollection} from "./database";
import e2eHelp from "./e2e-help";
import {browser, By, element} from "protractor";
import * as monk from "monk";

const config = require("../../config/config");
const hostName = `http://${config.publicHost}:${config.port}`;

const deletedPlayerPage = {
    playerNameTextField: element(By.id('player-name'))
};

describe('The deleted player page ', function () {

    const tribe = {
        _id: monk.id(),
        id: 'delete_me',
        name: 'Change Me'
    };
    const player1 = {_id: monk.id(), tribe: tribe.id, name: "player1", isDeleted: true};
    const players = [player1];

    beforeAll(async function () {
        await tribeCollection.drop();
        await tribeCollection.insert(tribe);
        await e2eHelp.authorizeUserForTribes([tribe.id]);
        await browser.get(`${hostName}/test-login?username=${e2eHelp.userEmail}&password="pw"`);
        await playersCollection.drop();
        await playersCollection.insert(players);
    });

 it('only players that are not in the most recent pairs are displayed', function () {
     const remainingPlayerElements = element.all(By.repeater('player in players'));
     expect(remainingPlayerElements.getText()).toEqual(pluck('name', [player2, player4]));
 });

describe('The current pair assignments', function () {

    const tribe = {
        id: 'delete_me',
        name: 'Funkytown'
    };

    const player1 = {
        _id: monk.id(),
        tribe: tribe.id,
        name: "player1",
        callSignAdjective: 'nimble',
        callSignNoun: 'thimble'
    };
    const player2 = {
        _id: monk.id(),
        tribe: tribe.id,
        name: "player2",
        callSignAdjective: 'nimble',
        callSignNoun: 'thimble'
    };
    const player3 = {
        _id: monk.id(),
        tribe: tribe.id,
        name: "player3",
        callSignAdjective: 'nimble',
        callSignNoun: 'thimble'
    };
    const player4 = {
        _id: monk.id(),
        tribe: tribe.id,
        name: "player4",
        callSignAdjective: 'nimble',
        callSignNoun: 'thimble'
    };
    const player5 = {
        _id: monk.id(),
        tribe: tribe.id,
        name: "player5",
        callSignAdjective: 'nimble',
        callSignNoun: 'thimble'
    };
    const players = [
        player1,
        player2,
        player3,
        player4,
        player5
    ];

    beforeAll(async function () {
        await tribeCollection.insert(tribe);
        await e2eHelp.authorizeUserForTribes([tribe.id]);
        await playersCollection.drop();
        await playersCollection.insert(players);
        await browser.get(`${hostName}/test-login?username=${e2eHelp.userEmail}&password="pw"`);

        await browser.waitForAngular();

        this.apiGuy = await ApiGuy.new(e2eHelp.userEmail)
    });

    afterAll(async function () {
        await tribeCollection.remove({id: tribe.id}, false);
    });

    e2eHelp.afterEachAssertLogsAreEmpty();

    const tribeCardHeaderElement = element(By.className("tribe-card-header"));

    it('shows the tribe', function () {
        browser.setLocation(`/${tribe.id}/pairAssignments/current/`);

        expect(tribeCardHeaderElement.getText()).toEqual(tribe.name);
    });

    it('will let you add players', function () {
        browser.setLocation(`/${tribe.id}/pairAssignments/current/`);
        element(By.id('add-player-button')).click();
        expect(browser.getCurrentUrl()).toEqual(`${hostName}/${tribe.id}/player/new/`);
    });

    it('will let you edit an existing player', function () {
        browser.setLocation(`/${tribe.id}/pairAssignments/current/`);

        element.all(By.repeater('player in players'))
            .first().element(By.className("player-card-header"))
            .click();
        expect(browser.getCurrentUrl()).toEqual(`${hostName}/${tribe.id}/player/${player1._id}/`);
    });

    it('will let you view history', function () {
        browser.setLocation('/' + tribe.id + '/pairAssignments/current/');
        element(By.id('view-history-button')).click();
        expect(browser.getCurrentUrl()).toEqual(`${hostName}/${tribe.id}/history/`);
    });

    it('will let you prepare new pairs', function () {
        browser.setLocation('/' + tribe.id + '/pairAssignments/current/');
        element(By.id('new-pairs-button')).click();
//.........這裏部分代碼省略.........