Protractor encounters issue with 'angular resumeBootstrap not being provided'

Encountering an error in protractor, specifically

angular never provided resumeBootstrap
, when trying to access a page using browser.get(). Changing data-ng-app to ng-app did not resolve the issue.

Here is the full error message:

Error: Angular could not be found on the page chrome-extension://anmdjkcbefbfgijkigepfecgojdnaida/control.html : angular never provided resumeBootstrap

Below is the spec file content:

var driver = browser.driver;

describe('Chrome Extension Control Page', function () {
    it('Should be defined', function () {
        browser.get('chrome-extension://anmdjkcbefbfgijkigepfecgojdnaida/control.html');

        expect(driver.getTitle()).toEqual("Control Page");

        expect(driver.executeScript(function () {
            return typeof window !== "undefined";
        })).toBeTruthy();
        element(by.css('input')).click();
    });

});

This is the HTML code snippet:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Control Page</title>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap-switch.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap-theme.css">
    <link rel="stylesheet" href="assets/css/navbar.css">
    <link rel="stylesheet" href="assets/css/popup.css">

    <script src="assets/js/lib/jquery.min.js"></script>
    <script src="assets/js/lib/angular.min.js"></script>

    <script src="assets/js/lib/bootstrap.min.js"></script>
    <script src="assets/js/lib/ui-bootstrap-tpls.min.js"></script>
    <script src="assets/js/lib/angular-bootstrap-switch.min.js"></script>
    <script src="assets/js/lib/bootstrap-switch.min.js"></script>

    <script src="assets/modules/translate-filter.js"></script>
    <script src="assets/modules/review-box.js"></script>
    <script src="assets/modules/enable-switch.js"></script>
    <script src="assets/modules/navbar.js"></script>
    <script src="assets/modules/extension-interface.js"></script>
    <script src="assets/modules/status-monitor.js"></script>
    <script src="assets/modules/state-monitor.js"></script>

    <script src="assets/js/control-ui.js"></script>
</head>
<body data-ng-app="controlPage">

<div ng-controller="ControlPageCtrl">
    <extension-navbar></extension-navbar>
    <div class="">
        <div class="jumbotron" style="background-color: transparent; margin-bottom: 0">
            <status-monitor-area></status-monitor-area>
            <hr>
            <div>
                <div class="row">
                    <div class="col-xs-8">
                        <state-message></state-message>
                    </div>
                    <div class="col-xs-4">
                        <enable-switch></enable-switch>
                    </div>
                </div>
                <state-progress-bar></state-progress-bar>
            </div>
            <state-information-box></state-information-box>
        </div>
    </div>
</div>

</body>
</html>

Answer №1

UPDATE: Unfortunately, the previous solution did not resolve the issue. I am perplexed as to why protractor is still not functioning properly.

Interestingly enough, the problem was resolved once I updated to the most recent version of Angular.

I initially overlooked this option since the upgrade was only from v1.3.15 to v1.3.16. Quite peculiar behavior from Angular.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to create a trimmed edge around an input field?

I'm looking to design an input element that has a border which changes when the input is focused. Here's how I want the inputs to behave: Input without focus When the user focuses on the input or fills it out, I want the label to move up and t ...

NextJS 12: The dilemma of styled components not rendering server side due to missing CSS

Exciting news with the latest NextJS 12 release - now styled-components is supported without the need for any extra plugins on NextJS! However, I'm running into issues getting it to work with server-side rendering. To activate it, I installed the sty ...

The fetch API is failing to transmit data through a post request

I am struggling with sending data via post using the Fetch API as the server only receives an empty JSON. Can anyone offer assistance? Essentially, I am updating the data in the state and then sending it to the API. submitedData = request. submitedData ...

Display user information from another component using Vue's dynamic routing feature

In my UserList.vue component, I have a list of users that I want to display on individual user profiles in the SingleUser.vue component. What is the easiest way to achieve this? The user details are stored in the UserList.vue component. When a specific us ...

Discovering the Active Modal Form in BootStrap: Uncovering the Open Modal Form using JavaScript/jQuery

There are a total of 5 modal forms on my page. My goal is to identify the specific Id of the currently active one. One possible solution involves checking if $('#myModal').hasClass('in');. However, this method requires me to repeat the ...

The issue of the click event not functioning properly within a Javascript-based carousel

I have set myself the challenge of creating a carousel using only JavaScript, but I am encountering issues with the click events. The images should change when I click on "next" or "prev", but it's not working as expected. Could someone please point ...

Ways to conceal the ng-click attribute within the document object model

I am diving into the world of AngularJS and trying to expand my knowledge. I've encountered a roadblock where I need to trigger a click event without using ng-click="myFunction()". Ideally, I want to keep the function being called hidden. <input t ...

Implementing a smooth transition effect, such as opacity or fade-in, on an image retrieved from an

I am struggling to achieve opacity with a transition on an image after clicking and changing the photo. I have created a basic slider that displays pictures from an array. How can I smoothly transition the opacity of the image from 0 to 1 over a duration ...

What sets apart the two syntaxes for JavaScript closures?

Similar Query: Is there a distinction between (function() {…}()); and (function() {…})();? I've come across a way to prevent variables from becoming global by using the following syntax: (function ($, undefined) { })(jQuery); Rec ...

Navigating through the settings menu by using a web browser

Can device settings be accessed from a mobile browser using HTML5 and JavaScript? I am attempting to replicate a feature found in Android, where you can launch an intent to display a specific settings page using code like the example below. Intent intent ...

Customize CSS based on user's device in Google Script Web App

Seeking Clarity: I have a straightforward project involving a Google Script / Web App, but I am struggling to find a way to load a specific CSS file based on the user's device. In other words, rather than focusing on responsive design, I need to loa ...

A guide on transferring information to a database through a WYSIWYG HTML JavaScript editor in conjunction with Django

This morning, I dedicated my time to going through numerous tutorials on YouTube that explain how to build your own WYSIWYG editor. After testing the code in a controlled environment, it seems to function correctly and delivers the customization promised. ...

Tips for applying custom gradient colors and styles to React Native's LinearGradient component

"react-native-linear-gradient" - tips on passing colors and styles as props interface Props { // gradientColors:string[] gradientColors:Array<string> } const BaseButton: React.FC<Props> = ({ gradientStyle ,gradientColors} ...

Disabling the shadow when setting the face color in Three.js

When creating geometric objects in my project, I am randomly setting colors on the faces: // Material used to create the mesh var material = new THREE.MeshLambertMaterial({ color: 0xffffff, ambient: 0xffffff, vertexColors: THREE.FaceColors}) function ad ...

Obtaining the test title being run on a node in order to securely pass Windows credentials to the Windows Vault for logging into a web application on

Currently facing a complex challenge but hoping to provide enough details for someone with similar experience to help out. I'm in the process of developing a test solution for a web app (Visual Studio, C#, Seleno, MSTest) that requires windows creden ...

Minimize the number of axios requests made every time a Vue component is displayed

I am relatively new to Vue, so please bear with me as I may not have all the knowledge in this area. Within one of my child components (Product_Collection.vue), I am making an axios request to retrieve products from my Shopify store using their GraphQL ...

Is it possible to integrate JavaScript into Scala code using Play framework?

Suppose I have an HTML document with the following content: <p onclick="hiho('@name')"> clicky </p> <script> function hiho(namevar){ var1 = @Names.find.where().eq("name", namevar).findUnique(); if( var1 ! ...

Using props in Vue with CSS modules: A comprehensive guide

row.vue <script> export default { name: "Row", data() { return { app: [ "row", "row-test", "flex-center" ] } }, template: ` <div :class="$module[app]"><slot&g ...

disregarding specific characters in a JavaScript string

Currently, I'm utilizing the themoviedb API to incorporate movie posters onto a webpage using the JSON data they provide. The snippet of code I have is as follows: <div id="poster"></div> Here is the JS/jQuery code snippet: $(document) ...

Ways to disable the editing functionality of a text field

How can I make a text field non-editable but still allow editing through a datepicker? For an example, please visit http://plnkr.co/edit/zekPQhWK6SgWdK2phRnJ?p=preview Any assistance would be greatly appreciated. ...