Cloudscape,AWS 用于创建直观 Web 应用程序的开源解决方案

几天前,AWS 在其官网发布公告,宣布推出 云景设计系统,用于构建直观的 Web 应用程序的开源解决方案。

Cloudscape 设计系统包含一套用于构建 Web 应用程序的综合指南,以及用于加速部署的设计资源和前端组件。

“今天,我们很高兴地宣布推出 Cloudscape 设计系统,这是一个开源解决方案,用于大规模创建引人入胜的包容性用户体验。 云景

“我们在 2016 年创建了它,以改善 AWS Web 应用程序的用户体验,并帮助团队更快地部署这些应用程序。 从那时起,我们根据客户的反馈和研究不断改进它,”AWS 说。

关于 Cloudscape 设计系统

云景 是一个用于构建 Web 应用程序的开源设计系统 为了改善属于 AWS 服务的 Web 应用程序的用户体验,并帮助团队更快地部署这些应用程序。

每个组件都有一个工作环境 设计人员和开发人员可以在其中查看组件的行为方式以及示例代码。 为了在创建时节省您的时间和精力,AWS 提供了有关可访问性选项和设计解决方案的分步指南。

当您为应用程序创建自动化测试时,您将与 Cloudscape 组件进行交互。 例如,您可以选择 Cloudscape 按钮并断言应用程序会更新以反映您与该按钮关联的操作。 Cloudscape 组件的内部 HTML 结构,包括 CSS 类名,可能随时更改。

这就是为什么 AWS 为每个组件创建了测试实用程序。 测试实用程序具有稳定的 API,因此您可以访问这些组件的相关部分,而无需担心使用哪个选择器。 Cloudscape 的测试实用程序是独立于框架的,可以与任何测试堆栈(从 Jest 和 jsdom 到 WebdriverIO)一起使用,以及以下:

  • 单元测试,您通常可以直接访问文档对象模型 (DOM)
  • 集成测试,通常依赖字符串选择器。 测试实用程序是主要组件包的一部分。
  • 选择过滤器: 它允许用户通过选择一个或两个属性来查找资源集合中的特定项目。
  • 容器: 使用容器,您可以呈现一组内容元素,表明这些元素是相关的。 例如,数组是一种容器。
  • 可扩展部分: 用户可以使用它展开或折叠一个部分。 当您在页面上有多个部分并希望允许用户一次查看一个或多个部分时,建议使用可展开部分。 默认情况下,可展开部分是折叠的。
  • 接入点: 在动手教程中,热点是不可见的容器,用于标记应放置热点图标的位置。 热点图标由注释上下文表示,用于打开和关闭注释弹出窗口。
  • 拆分窗格: 这是一个可调节的面板,提供对信息或辅助控件的访问。 这是实现拆分视图的主要组件,拆分视图是用于显示具有上下文资源详细信息的资源集合的模板。
  • 向导: 一种多页表单,可引导用户完成复杂的流程或一系列相互关联的任务。 向导由导航窗格、标题、主要内容区域和操作按钮组成。

最后 如果您有兴趣了解更多有关它的信息,您应该知道 Cloudscape 设计系统是为 AWS 产品和服务创建的,并由其使用。 它以开源形式发布,因此在云中构建产品的任何人都可以从 AWS 设计系统中受益。

您可以查看详细信息 以下链接。


本文内容遵循我们的原则 编辑伦理。 要报告错误,请单击 信息.

成为第一个发表评论

发表您的评论

您的电子邮件地址将不会被发表。

*

*

  1. 负责资料:AB Internet Networks 2008 SL
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。