The HTML5 <canvas> is widely used to display high quality graphics in web applications. However, the combination of web, GUI, and visual techniques that are required to build <canvas> applications, together with the lack of testing and debugging tools, makes developing such applications very challenging. To help direct future research on testing <canvas> applications, in this paper we present a taxonomy of <canvas> bugs. First, we extracted 2,403 <canvas>-related bug reports from 123 open source GitHub projects that use the HTML5 <canvas>. Second, we constructed our taxonomy by manually classifying a random sample of 332 bug reports. Our manual classification identified five broad categories of <canvas> bugs, such as Visual and Performance bugs. We found that Visual bugs are the most frequent (35%), while Performance bugs are relatively infrequent (5%). We also found that many <canvas> bugs that present themselves visually on the <canvas> are actually caused by other components of the web application. Our taxonomy of <canvas> bugs can be used to steer future research into <canvas> bugs and testing.
翻译:HTML5<canvas> 应用程序被广泛用于在网络应用程序中显示高质量的图形。 然而,建立 < canvas> 应用程序所需的网络、 GUI 和视觉技术的结合,加上缺乏测试和调试工具,使得开发此类应用程序非常具有挑战性。为了帮助指导未来测试< canvas> 应用程序的研究,我们在本文中展示了“ canvas” 错误的分类学。 首先,我们从使用 HTMS5 < canvas> 的123个开放源 GitHub 项目中提取了2 403 < canvas> 相关错误报告。 其次,我们通过对332 个错误报告的随机抽样进行手动分类,构建了我们的分类。 我们的手工分类确定了5大类的 < canvas> 错误, 如视觉和性能错误。 我们发现视觉错误是最常见的( 35%), 而性能错误相对不常见(5%) 。 我们还发现,在 < canvas > 上显示自己的许多 < camvas > 错误实际上是由网络应用程序的其他组成部分造成的。 我们的 bascologsalcoscastyal 和 abs bed to being to bed to bed to to dust to to tod tod tod tod to to to to tod tod tod to viewd tod tod tod to d