How to Resolve Flutter Web Unit Testing Errors: Not Found: ‘dart:html’ ??

· 3 min read
How to Resolve Flutter Web Unit Testing Errors Not Found 'darthtml'
How to Resolve Flutter Web Unit Testing Errors Not Found 'darthtml'

When running a flutter web application user may get some random error that says dart.html not found. So in today’s article, we will go through how to Resolve Flutter Web Unit Testing Errors: Not Found: ‘dart:html’.

How to Resolve Flutter Web Unit Testing Errors: Not Found: ‘dart:html’ ??

Why does this error occur?

The analyzer produces this diagnostic when an import isn’t needed because none of the names that are imported are referenced within the importing library.

The problem comes because  “Unit tests do not have access to dart:html. Unless you run them in the browser.”

From pub.dev/packages/test:

“By default, tests are run in the Dart VM, but you can run them in the browser as well by passing pub run test -p chrome path/to/test.dart. the test will take care of starting the browser and loading the tests, and all the results will be reported on the command line just like for VM tests.

In fact, you can even run tests on both platforms with a single command: pub run test -p “chrome, VMpath/to/test.dart

To solve my particular problem I ran the tests using pub run test test/print_reports_card_test.dart -p chrome

Since you are running flutter tests for the web that use the dart:html package you must target the correct platform.

flutter test --platform chrome

Change import ‘dart:html‘; to import ‘package:http/http.dart’ as http;

and then change pubspec.yaml files dependencies to

dependencies:
flutter:
sdk: flutter
http:

and click

pub get
Examples:

The following code produces this diagnostic because nothing defined in

dart:async

is referenced in the library:

import 'dart:async';
void main() {}

Common fixes:

If the import isn’t needed, then remove it.

If some of the imported names are intended to be used, then add the missing code.

Conclusion:

In this article, we have been through how to resolve flutter web unit testing errors: not found: ‘dart:html’.

Keep Learning !!! Keep Fluttering !!!

Do let us know in the comments if you are still confused in flutter!!

FlutterAgency.com is our portal Platform dedicated to Flutter Technology and Flutter Developers. The portal is full of cool resources from Flutter like Flutter Widget GuideFlutter ProjectsCode libs and etc.

FlutterAgency.com is one of the most popular online portals dedicated to Flutter Technology and daily thousands of unique visitors come to this portal to enhance their knowledge of Flutter.

Leave a Reply