Failed: Protractor could not synchronize with the page due to an error saying "angular is not present on the window"

I encountered an issue with my Protractor test scripts where I started receiving an error message. Everything was working smoothly until I made some updates to a few scripts in my projects. The error occurs at the end of running the scripts. I attempted using browser.waitForAngular(); and browser.sleep() but unfortunately, it did not resolve the problem.

Error Alert: Issue detected while attempting to synchronize Protractor with the page: "angular could not be found on the window" Stack Trace: Error: Error Alert: Issue detected while attempting to synchronize Protractor with the page: "angular could not be found on the window" at /Users/faizul/WebstormProjects/canary/node_modules/protractor/node_modules/jasminewd2/index.js:104:16 at /Users/faizul/WebstormProjects/canary/node_modules/protractor/node_modules/selenium-webdriver/lib/goog/base.js:1582:15 at [object Object].webdriver.promise.ControlFlow.runInNewFrame_ (/Users/faizul/WebstormProjects/canary/node_modules/protractor/node_modules/selenium-webdriver/lib/webdriver/promise.js:1654:20) at notify (/Users/faizul/WebstormProjects/canary/node_modules/protractor/node_modules/selenium-webdriver/lib/webdriver/promise.js:465:12)

javascriptangularjsprotractor

Answer №1

If you're having trouble changing the rootElement on its own, consider adding framework: 'jasmine2' to exports.config in your Protractor configuration file. I discovered this solution while troubleshooting the issue previously. Just modifying the rootElement didn't solve the problem for me.

Answer №2

Make sure to include framework: 'jasmine2' in your conf.js configuration file. For additional details, refer to this link: #1978

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

Finding maximum values by key in Mongoose

Welcome to My Schema let schema = new mongoose.Schema({ property: String, numericValue: Number }, { timestamps: true }); In my database, I store various statistics like: let entryA = { property: "visitors", numericValue: 120 } let en ...

javascriptnode.jsmongodbmongoose

Locate and eliminate the item containing specific content

There are many <p> &nbsp </p> tags scattered throughout the description. I need to locate and delete any tags that contain only &nbsp. The description is enclosed in a container with the class name of desc_container. Below is an exampl ...

javascriptjquerydom

What occurs when Render() is called during animation in React?

Curious about how React handles rendering during a component's animation? Let's explore an example where a component is re-rendered due to a state change triggered during its animation. Imagine a scenario where a component's animation lasts ...

javascripthtmlcssreactjsreact-transition-group

Passing a variable to a modal in AngularJS

In my project, I am utilizing https://github.com/simpulton/angularjs-wizard and have made some modifications to it (specifically changed var app to $scope). It is functioning well, however, I am facing an issue where I need to pass a variable to the open f ...

javascriptangularjs

Empty response returned by Next.js API Routes

I have attempted various methods to retrieve data from a database using MySQL. Here's what I've tried: export default function handler(req, res) { const mysql = require('mysql') const dbConn = mysql.createConnection({ ho ...

javascriptnode.jsasynchronousnext.js

Transferring information between two components in separate Angular 4 modules

Within my application, I have defined two modules named AppModule and UserModule. I am currently encountering an issue with data sharing between the AppComponent and the LoginComponent (which belongs to the UserModule). Below is a snippet of app.componen ...

javascriptangulartypescriptrxjs

Adjust the size of the mouse cursor in real time

I'm currently in the process of developing a project where I want to create a web application with a mouse cursor that appears as a circle with a customizable radius, which can be altered by the user. The main requirement is for this custom cursor to ...

javascriptcsshtml

What is the best way to measure the timing of consecutive events within a web browser, utilizing JavaScript within an HTML script tag?

Currently delving into the realm of JavaScript, transitioning from a Java/Clojure background, I am attempting to implement a basic thread-sleep feature that will display lines of text on the screen at one second intervals. Initially, I considered using t ...

javascripthtmlsettimeoutsetintervalthread-sleep

Error in Protractor HTML screenshot reporter displaying message as 'undefined'

I am seeing 'undefined' displayed in the message section of the html report generated by the Protractor-Html-Screenshot reporter. I am utilizing chai.assert in my tests, so it should display 'Passed' for scripts that have passed success ...

angularjsseleniumjasmineprotractorend-to-end

Issue with animated cursor function not activating when used with anchor links

I've spent hours searching for a solution but I can't seem to find one. I'm attempting to modify the codepen found at https://codepen.io/Nharox/pen/akgEQm to incorporate images and links, however, two issues are arising. The first issue is t ...

javascripthtmlcssanimationcursor

Guide on extracting a JavaScript string from a URL using Django

How can I extract "things" from the JavaScript URL "/people/things/" without any unnecessary characters? I've attempted inefficient methods like iteration, but struggle with removing the undesired parts of the string, leading to slow performance. Th ...

javascripthtmldjangourl

What is the significance of enclosing Button within CardActions in Material-UI?

As I explored the Card documentation on MUI, I found that the Button inside the card is always enclosed within CardActions. However, I couldn't quite grasp the purpose of this tag as it wasn't clearly explained in the documentation. The only noti ...

javascriptmaterial-ui

Is there a way to undo the changes made by the following execution using Javascript?

Similar Question: How can I delete a cookie using JavaScript? javascript:void(document.cookie=”PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com”); To undo the action perfor ...

javascriptcookies

Tips for initializing an Angular 2 application using asynchronous methods

If you're looking to bootstrap an Angular 1 application asynchronously, there's a great resource on how to do it. This method allows you to fetch a JSON file from the server before the application is fully loaded. Here is the main code snippet: ...

angularjsangular

Closing notifications in Bootstrap 5.1 with the help of Ajax

I am utilizing bootstrap 5.1 alerts to display custom messages after an Ajax call. I also want the ability to dismiss the alert as necessary, which can be done with a dismiss button provided by bootstrap. Below is the PHP code I am using : <div class=& ...

javascriptajaxalertbootstrap-5

How to create an array of objects using an object

I have a specific object structure: { name: 'ABC', age: 12, timing: '2021-12-30T11:12:34.033Z' } My goal is to create an array of objects for each key in the above object, formatted like this: [ { fieldName: 'nam ...

javascriptreactjsangulartypescript

What is the best way to prevent the table from being added again once it has been displayed?

I'm faced with the task of displaying an HTML table in a popup window when a button is clicked, using Bootstrap modal functionality. This scenario is similar to a preview function where user input is displayed in a table when a preview button is click ...

javascripthtml

What is the most effective method for managing Page Objects across diverse environments?

When dealing with multiple sites to support, such as US and Canada, some pages may be the same while others have different options. How can I utilize the page object pattern to define pages for this scenario and minimize redundancy? Let's consider th ...

seleniumprotractorpageobjects

Having issues with @react-three/drei in next.js environment

Having trouble using drei materials and other features like MeshWobbleMaterial, MeshDistortMaterial, or ContactShadows? You may encounter errors such as: react-three-fiber.esm.js:1383 Uncaught TypeError: Cannot read property 'getState' of null a ...

javascriptreactjsthree.jsnext.jsreact-three-fiber

jQuery efficiently handles large amounts of text data transfer (gradual loading)

The issue at hand: My website relies on jQuery AJAX (post) for navigation, meaning the page doesn't refresh every time a user moves to a different section. This setup requires me to fetch data using AJAX and present it dynamically. While this works w ...

javascriptjqueryajax