{"id":69,"date":"2024-12-20T22:50:11","date_gmt":"2024-12-20T09:50:11","guid":{"rendered":"https:\/\/systemreset.io\/journal\/?p=69"},"modified":"2024-12-21T08:52:28","modified_gmt":"2024-12-20T19:52:28","slug":"custom-asset-bundle-for-flutter-tests","status":"publish","type":"post","link":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/","title":{"rendered":"Custom asset bundle for flutter golden tests"},"content":{"rendered":"\n

Tests in a flutter project or game often require assets that you don’t want in the root asset bundle (rootBundle) -w specially if you are writing golden tests. Wouldn’t it be great if you could create a custom asset bundle for your tests?<\/p>\n\n\n\n

Today I ran in to this exact problem. I’ve written an image utility class that resizes images, and supports other transforms at the same time (like scale, rotation and crop). I need some image assets to test this class that I don’t want as part of the rootBundle. Flutter doesn’t currently support “dev” assets – see open issue #5813<\/a> – but luckily it is possible to create your own custom asset bundle.<\/p>\n\n\n\n

I based my asset bundle class on this one<\/a> that a Google Flutter engineer posted in a thread on another issue. I modified it to work better for my purpose.<\/p>\n\n\n\n

Asset bundle class<\/h2>\n\n\n\n

This is the code for the custom asset bundle:<\/p>\n\n\n\n

<\/path><\/path><\/svg><\/span>
import<\/span> <\/span>'dart:convert'<\/span>;<\/span><\/span>\nimport<\/span> <\/span>'dart:io'<\/span>;<\/span><\/span>\n<\/span>\nimport<\/span> <\/span>'package:flutter\/services.dart'<\/span>;<\/span><\/span>\nimport<\/span> <\/span>'package:glob\/glob.dart'<\/span>;<\/span><\/span>\nimport<\/span> <\/span>'package:glob\/list_local_fs.dart'<\/span>;<\/span><\/span>\n<\/span>\n\/\/\/ A custom <\/span>[AssetBundle]<\/span> that reads files from a directory.<\/span><\/span>\n\/\/\/<\/span><\/span>\n\/\/\/ This is meant to be used in place of <\/span>[rootBundle]<\/span> for testing<\/span><\/span>\nclass<\/span> <\/span>DiskAssetBundle<\/span> <\/span>extends<\/span> <\/span>CachingAssetBundle<\/span> {<\/span><\/span>\n  <\/span>static<\/span> <\/span>const<\/span> _assetManifestDotJson <\/span>=<\/span> <\/span>'AssetManifest.json'<\/span>;<\/span><\/span>\n<\/span>\n  <\/span>\/\/\/ Creates a <\/span>[DiskAssetBundle]<\/span> by loading files from <\/span>[path]<\/span>.<\/span><\/span>\n  <\/span>static<\/span> <\/span>Future<\/span><<\/span>AssetBundle<\/span>> <\/span>loadFromPath<\/span>(<\/span><\/span>\n    <\/span>String<\/span> path<\/span>,<\/span> {<\/span><\/span>\n    <\/span>String<\/span>?<\/span> from<\/span>,<\/span><\/span>\n  }) <\/span>async<\/span> {<\/span><\/span>\n    <\/span>\/\/ Prepare the file search pattern<\/span><\/span>\n    path <\/span>=<\/span> <\/span>_formatPath<\/span>(path)<\/span>;<\/span><\/span>\n    <\/span>String<\/span> pattern <\/span>=<\/span> path<\/span>;<\/span><\/span>\n    <\/span>if<\/span> (<\/span>!<\/span>pattern<\/span>.<\/span>endsWith<\/span>(<\/span>'\/'<\/span>)) {<\/span><\/span>\n      pattern <\/span>+=<\/span> <\/span>'\/'<\/span>;<\/span><\/span>\n    }<\/span><\/span>\n    pattern <\/span>+=<\/span> <\/span>'**'<\/span>;<\/span><\/span>\n<\/span>\n    <\/span>\/\/ Load the assets<\/span><\/span>\n    <\/span>final<\/span> cache <\/span>=<\/span> <\/span><<\/span>String<\/span>,<\/span> <\/span>ByteData<\/span>><\/span>{}<\/span>;<\/span><\/span>\n    <\/span>await<\/span> <\/span>for<\/span> (<\/span>final<\/span> entity <\/span>in<\/span> <\/span>Glob<\/span>(pattern)<\/span>.<\/span>list<\/span>(root<\/span>:<\/span> from)) {<\/span><\/span>\n      <\/span>if<\/span> (entity <\/span>is<\/span> <\/span>File<\/span>) {<\/span><\/span>\n        <\/span>final<\/span> bytes <\/span>=<\/span> <\/span>await<\/span> (entity <\/span>as<\/span> <\/span>File<\/span>)<\/span>.<\/span>readAsBytes<\/span>()<\/span>;<\/span><\/span>\n<\/span>\n        <\/span>\/\/ Keep only the asset name relative to the folder<\/span><\/span>\n        <\/span>String<\/span> name <\/span>=<\/span> <\/span>_formatPath<\/span>(entity<\/span>.<\/span>path)<\/span>;<\/span><\/span>\n        name <\/span>=<\/span> name<\/span>.<\/span>substring<\/span>(name<\/span>.<\/span>indexOf<\/span>(path) <\/span>+<\/span> path<\/span>.<\/span>length)<\/span>;<\/span><\/span>\n        cache[name] <\/span>=<\/span> <\/span>ByteData<\/span>.<\/span>view<\/span>(bytes<\/span>.<\/span>buffer)<\/span>;<\/span><\/span>\n      }<\/span><\/span>\n    }<\/span><\/span>\n<\/span>\n    <\/span>\/\/ Create the asset manifest<\/span><\/span>\n    <\/span>final<\/span> manifest <\/span>=<\/span> <\/span><<\/span>String<\/span>,<\/span> <\/span>List<\/span><<\/span>String<\/span>><\/span>><\/span>{}<\/span>;<\/span><\/span>\n    cache<\/span>.<\/span>forEach<\/span>((key<\/span>,<\/span> _) {<\/span><\/span>\n      manifest[key] <\/span>=<\/span> [key]<\/span>;<\/span><\/span>\n    })<\/span>;<\/span><\/span>\n    cache[_assetManifestDotJson] <\/span>=<\/span> <\/span>ByteData<\/span>.<\/span>view<\/span>(<\/span><\/span>\n      <\/span>Uint8List<\/span>.<\/span>fromList<\/span>(<\/span>jsonEncode<\/span>(manifest)<\/span>.<\/span>codeUnits)<\/span>.<\/span>buffer<\/span>,<\/span><\/span>\n    )<\/span>;<\/span><\/span>\n<\/span>\n    <\/span>return<\/span> <\/span>DiskAssetBundle<\/span>.<\/span>_(cache)<\/span>;<\/span><\/span>\n  }<\/span><\/span>\n<\/span>\n  <\/span>\/\/\/ Format a file path to only forward slashes<\/span><\/span>\n  <\/span>static<\/span> <\/span>String<\/span> <\/span>_formatPath<\/span>(<\/span>String<\/span> path) {<\/span><\/span>\n    <\/span>return<\/span> path<\/span>.<\/span>replaceAll<\/span>(<\/span>r'\\'<\/span>,<\/span> <\/span>'\/'<\/span>)<\/span>;<\/span><\/span>\n  }<\/span><\/span>\n<\/span>\n  <\/span>\/\/\/ The cache of assets<\/span><\/span>\n  <\/span>final<\/span> <\/span>Map<\/span><<\/span>String<\/span>, <\/span>ByteData<\/span>> _cache<\/span>;<\/span><\/span>\n<\/span>\n  <\/span>\/\/\/ Private constructor<\/span><\/span>\n  <\/span>DiskAssetBundle<\/span>.<\/span>_(<\/span>this<\/span>.<\/span>_cache)<\/span>;<\/span><\/span>\n<\/span>\n  <\/span>\/\/\/ Load an asset from the cache<\/span><\/span>\n  <\/span>@override<\/span><\/span>\n  <\/span>Future<\/span><<\/span>ByteData<\/span>> <\/span>load<\/span>(<\/span>String<\/span> key) <\/span>async<\/span> {<\/span><\/span>\n    <\/span>return<\/span> _cache[key]<\/span>!<\/span>;<\/span><\/span>\n  }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre>Dart<\/span><\/div>\n\n\n\n
Writing a golden test<\/h2>\n\n\n\n
This is how you use it for a golden test:<\/p>\n\n\n\n
<\/path><\/path><\/svg><\/span>
import<\/span> <\/span>'dart:io'<\/span>;<\/span><\/span>\nimport<\/span> <\/span>'dart:ui'<\/span>;<\/span><\/span>\n<\/span>\nimport<\/span> <\/span>'package:flutter\/services.dart'<\/span>;<\/span><\/span>\nimport<\/span> <\/span>'package:flutter_test\/flutter_test.dart'<\/span>;<\/span><\/span>\n<\/span>\nimport<\/span> <\/span>'disk_asset_bundle.dart'<\/span>;<\/span><\/span>\n<\/span>\nvoid<\/span> <\/span>main<\/span>() <\/span>async<\/span> {<\/span><\/span>\n  <\/span>\/\/ Path to the goldens folder (i.e. project\/test\/_goldens)<\/span><\/span>\n  <\/span>String<\/span> goldens <\/span>=<\/span><\/span>\n    <\/span>'${<\/span>Directory<\/span>.<\/span>current<\/span>.<\/span>path<\/span>.<\/span>replaceAll<\/span>(r'\\', '\/')}\/test\/_goldens'<\/span>;<\/span><\/span>\n<\/span>\n  <\/span>\/\/ This is required before an asset bundle is available<\/span><\/span>\n  <\/span>TestWidgetsFlutterBinding<\/span>.<\/span>ensureInitialized<\/span>()<\/span>;<\/span><\/span>\n<\/span>\n  <\/span>\/\/ Create the custom assets bundle from the resources folder<\/span><\/span>\n  <\/span>\/\/ (i.e. project\/test\/_resources)<\/span><\/span>\n  <\/span>AssetBundle<\/span> assets <\/span>=<\/span> <\/span>await<\/span> <\/span>DiskAssetBundle<\/span>.<\/span>loadFromPath<\/span>(<\/span>'test\/_resources\/'<\/span>)<\/span>;<\/span><\/span>\n<\/span>\n  <\/span>group<\/span>(<\/span>'Example'<\/span>,<\/span> () {<\/span><\/span>\n<\/span>\n    <\/span>\/\/\/ This test will compare an image to a golden file<\/span><\/span>\n    <\/span>test<\/span>(<\/span>'Does match golden'<\/span>,<\/span> () <\/span>async<\/span> {<\/span><\/span>\n      <\/span>final<\/span> image <\/span>=<\/span> <\/span>await<\/span> assets<\/span>.<\/span>load<\/span>(<\/span>'image.png'<\/span>)<\/span>;<\/span><\/span>\n<\/span>\n      <\/span>await<\/span> <\/span>expectLater<\/span>(<\/span><\/span>\n        image<\/span>,<\/span><\/span>\n        <\/span>matchesGoldenFile<\/span>(<\/span>'$<\/span>goldens<\/span>\/image-no-transform.png'<\/span>)<\/span>,<\/span><\/span>\n      )<\/span>;<\/span><\/span>\n    })<\/span>;<\/span><\/span>\n  })<\/span>;<\/span><\/span>\n}<\/span><\/span><\/code><\/pre>Dart<\/span><\/div>\n\n\n\n
Some tips, especially if you are new to Flutter or dart testing:<\/p>\n\n\n\n
    \n
  • A golden test is a comparison of a generated image against a golden image<\/strong> to ensure that the generated image is correct. Every pixel of the image has to exactly match the same pixel in the golden image.<\/li>\n\n\n\n
  • After you have tested your code yourself and it is working as expected, you generate goldens. These are included in the repo. The golden tests then ensure that future changes do not affect how the images are generated.<\/li>\n\n\n\n
  • To generate the golden images (just once):
    flutter test --update-goldens<\/code><\/li>\n\n\n\n
  • To run the tests once you have generated goldens:
    flutter test<\/code><\/li>\n\n\n\n
  • My file structure is like this:
    project root\/<\/code>
      test\/<\/code>
        _goldens\/<\/code>
        _resources\/<\/code>
          image.png<\/code>
        example_test.dart<\/code>
        disk_asset_bundle.dart<\/code><\/li>\n<\/ul>\n\n\n\n
    Hopefully you can figure it out from here!<\/p>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    Tests in a flutter project or game often require assets that you don’t want in the root asset bundle (rootBundle) -w specially if you are writing golden tests. Wouldn’t it be great if you could create a custom asset bundle for your tests? Today I ran in to this exact problem. I’ve written an image […]<\/p>\n","protected":false},"author":1,"featured_media":73,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,10,9],"tags":[],"class_list":["post-69","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dart","category-flutter","category-testing"],"yoast_head":"\nCustom asset bundle for flutter golden tests - system reset<\/title>\n<meta name=\"description\" content=\"How to create a custom asset bundle for flutter tests that can be used to load assets from a file to use for goldens.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom asset bundle for flutter golden tests - system reset\" \/>\n<meta property=\"og:description\" content=\"How to create a custom asset bundle for flutter tests that can be used to load assets from a file to use for goldens.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/\" \/>\n<meta property=\"og:site_name\" content=\"system reset\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-20T09:50:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-20T19:52:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/12\/treasure.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"System Reset\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"System Reset\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/\"},\"author\":{\"name\":\"System Reset\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#\\\/schema\\\/person\\\/06a6e24e1a9461e4155cfc86c122dff5\"},\"headline\":\"Custom asset bundle for flutter golden tests\",\"datePublished\":\"2024-12-20T09:50:11+00:00\",\"dateModified\":\"2024-12-20T19:52:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/\"},\"wordCount\":302,\"publisher\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/treasure.jpg\",\"articleSection\":[\"Dart\",\"Flutter\",\"Testing\"],\"inLanguage\":\"en-NZ\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/\",\"url\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/\",\"name\":\"Custom asset bundle for flutter golden tests - system reset\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/treasure.jpg\",\"datePublished\":\"2024-12-20T09:50:11+00:00\",\"dateModified\":\"2024-12-20T19:52:28+00:00\",\"description\":\"How to create a custom asset bundle for flutter tests that can be used to load assets from a file to use for goldens.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#breadcrumb\"},\"inLanguage\":\"en-NZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#primaryimage\",\"url\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/treasure.jpg\",\"contentUrl\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/treasure.jpg\",\"width\":1200,\"height\":628,\"caption\":\"Gold treasure overflowing a chest\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/custom-asset-bundle-for-flutter-tests\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Custom asset bundle for flutter golden tests\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/\",\"name\":\"system reset\",\"description\":\"dev journal\",\"publisher\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-NZ\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#organization\",\"name\":\"system reset\",\"url\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/system-reset-stacked-1024-1.png\",\"contentUrl\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/system-reset-stacked-1024-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"system reset\"},\"image\":{\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/systemreset.io\\\/journal\\\/#\\\/schema\\\/person\\\/06a6e24e1a9461e4155cfc86c122dff5\",\"name\":\"System Reset\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/edbe9aa08d216b02d0781180e15a10381c672def2d9ec0eac19143bb28a9284a?s=96&d=blank&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/edbe9aa08d216b02d0781180e15a10381c672def2d9ec0eac19143bb28a9284a?s=96&d=blank&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/edbe9aa08d216b02d0781180e15a10381c672def2d9ec0eac19143bb28a9284a?s=96&d=blank&r=g\",\"caption\":\"System Reset\"},\"sameAs\":[\"https:\\\/\\\/systemreset.io\\\/journal\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom asset bundle for flutter golden tests - system reset","description":"How to create a custom asset bundle for flutter tests that can be used to load assets from a file to use for goldens.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/","og_locale":"en_US","og_type":"article","og_title":"Custom asset bundle for flutter golden tests - system reset","og_description":"How to create a custom asset bundle for flutter tests that can be used to load assets from a file to use for goldens.","og_url":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/","og_site_name":"system reset","article_published_time":"2024-12-20T09:50:11+00:00","article_modified_time":"2024-12-20T19:52:28+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/12\/treasure.jpg","type":"image\/jpeg"}],"author":"System Reset","twitter_card":"summary_large_image","twitter_misc":{"Written by":"System Reset","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#article","isPartOf":{"@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/"},"author":{"name":"System Reset","@id":"https:\/\/systemreset.io\/journal\/#\/schema\/person\/06a6e24e1a9461e4155cfc86c122dff5"},"headline":"Custom asset bundle for flutter golden tests","datePublished":"2024-12-20T09:50:11+00:00","dateModified":"2024-12-20T19:52:28+00:00","mainEntityOfPage":{"@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/"},"wordCount":302,"publisher":{"@id":"https:\/\/systemreset.io\/journal\/#organization"},"image":{"@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#primaryimage"},"thumbnailUrl":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/12\/treasure.jpg","articleSection":["Dart","Flutter","Testing"],"inLanguage":"en-NZ"},{"@type":"WebPage","@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/","url":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/","name":"Custom asset bundle for flutter golden tests - system reset","isPartOf":{"@id":"https:\/\/systemreset.io\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#primaryimage"},"image":{"@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#primaryimage"},"thumbnailUrl":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/12\/treasure.jpg","datePublished":"2024-12-20T09:50:11+00:00","dateModified":"2024-12-20T19:52:28+00:00","description":"How to create a custom asset bundle for flutter tests that can be used to load assets from a file to use for goldens.","breadcrumb":{"@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#breadcrumb"},"inLanguage":"en-NZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/"]}]},{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#primaryimage","url":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/12\/treasure.jpg","contentUrl":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/12\/treasure.jpg","width":1200,"height":628,"caption":"Gold treasure overflowing a chest"},{"@type":"BreadcrumbList","@id":"https:\/\/systemreset.io\/journal\/custom-asset-bundle-for-flutter-tests\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/systemreset.io\/journal\/"},{"@type":"ListItem","position":2,"name":"Custom asset bundle for flutter golden tests"}]},{"@type":"WebSite","@id":"https:\/\/systemreset.io\/journal\/#website","url":"https:\/\/systemreset.io\/journal\/","name":"system reset","description":"dev journal","publisher":{"@id":"https:\/\/systemreset.io\/journal\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/systemreset.io\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-NZ"},{"@type":"Organization","@id":"https:\/\/systemreset.io\/journal\/#organization","name":"system reset","url":"https:\/\/systemreset.io\/journal\/","logo":{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/systemreset.io\/journal\/#\/schema\/logo\/image\/","url":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/11\/system-reset-stacked-1024-1.png","contentUrl":"https:\/\/systemreset.io\/journal\/wp-content\/uploads\/2024\/11\/system-reset-stacked-1024-1.png","width":1024,"height":1024,"caption":"system reset"},"image":{"@id":"https:\/\/systemreset.io\/journal\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/systemreset.io\/journal\/#\/schema\/person\/06a6e24e1a9461e4155cfc86c122dff5","name":"System Reset","image":{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/secure.gravatar.com\/avatar\/edbe9aa08d216b02d0781180e15a10381c672def2d9ec0eac19143bb28a9284a?s=96&d=blank&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/edbe9aa08d216b02d0781180e15a10381c672def2d9ec0eac19143bb28a9284a?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/edbe9aa08d216b02d0781180e15a10381c672def2d9ec0eac19143bb28a9284a?s=96&d=blank&r=g","caption":"System Reset"},"sameAs":["https:\/\/systemreset.io\/journal"]}]}},"_links":{"self":[{"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":4,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/posts\/69\/revisions\/75"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/media\/73"}],"wp:attachment":[{"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/systemreset.io\/journal\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}