Untitled

zad 3:  /test/features/fragments/fragments.js

/*global element,by*/
var byString = function (object, fragmentName) {
    'use strict';
    if (!fragmentName || !fragmentName.replace) {
        return null;
    }
    fragmentName = fragmentName.replace(/\[(\w+)\]/g, '($1)');
    fragmentName = fragmentName.replace(/^\./, '');
    var a = fragmentName.split('.');
    while (a.length) {
        var n = a.shift();
        var arrayExpr = n.match(/(\w+)\(([^)]*)\)/);
        if (arrayExpr) {
            object = object[arrayExpr[1]](arrayExpr[2]);
        } else if (n in object) {
            object = object[n];
        } else {
            throw new Error('Undefined fragment "' + n + '" in "' + fragmentName + '"');
        }
    }
    return object;
};

var fragments = function (text) {
    'use strict';

    var mapping = {
        helloButton: element.bind(null, by.id('helloBtn')),
        niceToMeetYouButton: element.bind(null, by.id('meetBtn')),
        someBigText: element.bind(null, by.id('BIG')),
        learnMoreHref: element.bind(null, by.id('link'))
    };

    return byString(mapping, text);
};

module.exports = fragments;


-------------------------
app/index.html


<!DOCTYPE html>
<html>
<head lang="en">
    <title>AngularJS Tutorials</title>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
</head>

<body ng-app="fifaApp" ng-controller="FifaCtrl as fifa">
<div class="container">
    <div class="page-header">
        <h1>Gr 1</h1>
    </div>
    <div>
        <div class="panel-body text-center">
            <button id="helloBtn" class="btn btn-danger">Hello!</button>
            <button class="btn btn-default" ng-click="fifa.showPolandRank($event)">Where is Poland?</button>
            <button id="meetBtn" class="btn btn-info">Nice to meet you!</button>
            <code ng-if="fifa.PolandRank">{{fifa.type}}</code>
        </div>
    </div>
    <div class="jumbotron">
        <h1 id="BIG">Some big text</h1>
        <p>...</p>
        <p><a id="link" href="#" role="button">Learn more</a></p>
    </div>

</div>
<script src="bower_components/angular/angular.js"></script>
<script src="exercise3.js"></script>
</body>
</html>