Discovering new bugs in VSCode Playwright Tests but failing to see any progress

This morning, everything was running smoothly with debugging tests. However, after a forced reboot, I encountered an issue where it seems like the debugger is running, but nothing actually happens. This has happened before, but usually resolves itself. Unfortunately, this time, it's not getting fixed despite my attempts.

Interestingly, I can debug in a different repository without any problems. I've tried uninstalling and reinstalling Playwright Test for VSCode multiple times, but that hasn't helped. Any assistance would be greatly appreciated. You can refer to the screenshots to see what I mean by the "appearance of debugging" without any actual progress.

The only potentially relevant outputs I could find are:

Angular Language Service:
[Error - 8:23:08 AM] No config file for the specified "file path" (which contains the test I'm trying to run).

-This error message might have something to do with the problem, even though I haven't made any changes to configurations since everything was working fine earlier today. I am not aware of any specific configurations for this or other test files besides the default playwright setup.

Edit: When I checked the other repositories where debugging works fine, they also display the same error regarding no config file. So, maybe this isn't the root cause.

Git (The following output appears every 1-2 seconds):
2023-03-07 08:34:34.020 [info] > git rev-parse --show-toplevel [1097ms]

https://i.sstatic.net/TAg5C.png https://i.sstatic.net/exc8n.png https://i.sstatic.net/xzfTf.png

angulartypescriptvisual-studio-codeplaywright

Answer №1

Seems like there might be a glitch with the most recent update (1.0.8) of the Playwright Test for VSCode extension. Luckily, reverting back to version 1.0.7 has resolved the issue and I can now debug successfully.

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

I am curious about the significance of the "=>" symbol within the Ionic framework

I utilized the documentation provided on the Ionic website to incorporate Firebase into my mobile application. this.firebase.getToken() .then(token => console.log(`The token is ${token}`)) // store the token server-side and utilize it for sending not ...

javascriptandroidangulartypescriptionic-framework

Encountering a CLI error while attempting to run the 'ng serve

ng : Error encountered while trying to run ng serve. The file C:\Users\Lenovo\AppData\Roaming\npm\ng.ps1 is not digitally signed and cannot be loaded due to security reasons. To learn more about running scripts and adjusting e ...

angular

Creating a versatile function that can function with or without promises is a valuable skill to have

I am currently working on developing a versatile sort function that can function with or without promises seamlessly. The intended structure of the function should look something like this: function sort<T>(list: T[], fn: (item: T) => string | nu ...

typescript

Tips for setting NgForm value within an Observable and verifying its successful implementation

Exploring the functionality of NgForm, I am testing to validate if the value of a form gets updated when the state of the store changes. @ViewChild('form') form: NgForm; ngOnInit() { this.subscription = this.store.select('shoppingList&apos ...

javascriptangularunit-testingtesting

Encountering the error message "npm unable to locate package.json file" while attempting to execute a nestjs project

Currently, I am diving into a nestjs tutorial on YouTube. Initially, I had set up nodejs and then proceeded to install nest through the @nest-cli command as recommended on their official website using my default bash terminal. My code editor of choice is V ...

node.jsvisual-studio-codenpmnestjsnpm-start

Tips for sending asynchronous data to Google-Charts-Angular

I am currently working on generating a chart using data obtained from an API call. To achieve this, I am utilizing the google-charts-angular package within my HTML: <google-chart [title]="title" [type]="type" [data]="data" ...

angulartypescriptrxjsobservable

Strategies for transferring data from index.html to component.ts in Angular 4

Greetings, as a newcomer to Angular, I am seeking advice on how to link my Index.html file to component.ts. Please review the code snippet below where I have created a function called scannerOutput in my Angular index.html file which is functioning properl ...

javascripthtmlangulartypescript

Tips for populating class attributes from an Angular model

Suppose there is a Class Vehicle with the following properties: public id: number; public modelId: number; public modelName: string; Now consider we have an object that looks like this {id: 1, modelId: 1, modelName: "4"} What is the best way to assign e ...

javascriptangulartypescript

Tips for ensuring a method is not invoked more than once with identical arguments

I'm grappling with a challenge in JavaScript (or typescript) - ensuring that developers cannot call a method multiple times with the same argument. For instance: const foo = (name: string) => {} foo("ABC") // ok foo ("123") ...

javascripttypescript

Is there a method to establish varied usage permissions for a single page without any tracking?

I am puzzled by how a solution could create something like this. My goal is to have a webpage displaying 2 squares on a large screen. There will be 2 users, each needing access to write in their own square only on this page. <div class="square1"> ...

javascriptphpjqueryhtmlangular

Angular 11 error: Datatable type is not defined

We have a services.ts file that requires 2 arguments. UPDATE: It appears that I was looking at the error incorrectly. This method is causing the console error: private checkLink(row, options) { if (options.type === 'link' || options.type ...

angulartypescriptangular-servicesangular11ngx-datatable

Steps to arrange by the number of rows in ag grid

I've been experimenting with the rows group feature in ag-grid, But I'm curious if it's feasible to sort the group column based on the number of rows within each group? Here is an example of what I am trying to achieve: https://i.sstatic. ...

angularvue.jsag-grid

Mocking a common function in a shared service using Typescript and Jest

I have a service that is utilized with NestJS, although the issue at hand is not specific to NestJS. Nonetheless, testing in NestJS is involved, and I use it to create the service for testing purposes. This service is responsible for making multiple calls ...

typescriptunit-testingjestjsnestjs

What is the process for integrating TypeScript compiling into a JavaScript application?

My project includes a build.js file that is responsible for building the project. It has two main objectives: Compile .ts files and store them in a new directory. Create an asar archive containing the compiled files. Since typescript (or tsc) is availabl ...

javascriptnode.jstypescript

Issue with MathJax rendering within an Angular5 Div that's being observed

I am trying to figure out how to enable MathJax to convert TeX to HTML for elements nested within my div. Here is the current content of app.component.html: <p> When \(a \ne\) It works baby </p> <div class="topnav"> ...

angulartypescriptobservableangular5mathjax

Develop an rxjs pipeline that merges values according to their type prior to executing them in an async manner using concatMap

In my code, there's an eventStream that deals with different types of events and sends them to the server via HTTP. import { from, Observable } from 'rxjs'; import { concatMap } from 'rxjs/operators'; type Update = number[]; inte ...

typescriptrxjs

Using TypeScript for Routing in Angular

I encountered an error message that says the module 'route' is not available. I'm not sure why this is happening, any thoughts? "Uncaught Error: [$injector:nomod] Module 'route' is not available! You either misspelled the module n ...

angularjstypescriptngroute

Deploying Firebase functions results in an error

Just recently started exploring Firebase functions. Managed to install it on my computer, but running into an error when trying to execute: === Deploying to 'app'... i deploying firestore, functions Running command: npm --prefix "$RESOURCE_ ...

typescriptfirebasenpmgoogle-cloud-functions

Make sure to verify if the mode in Angular is either visible-print or hidden-print

Here is a snippet of code <div class="row"> <div class="col-sm-12 visible-print"> Content (display in full width when printed) </div> <div class="col-sm-6 hidden-print"> Content (same as above but only half width when ...

javascriptcssangulartypescriptbootstrap-4

What is the best way to generate an index.ts file in an Angular 14 shared library that exports all contents from a specific directory?

Utilizing Angular 14 for my shared library project, the structure looks like this: + projects + my-lib - package.json + src - public-api.ts + lib + helpers - index.ts ...

angularexportshared-librariesangular14