Ghost测试的的详细指南

553 阅读16分钟

世界你好!!!。在这篇文章中,你将得到答案,在使用Ghost框架创建网站的情况下需要测试什么,以及如何计划和执行Ghost测试。首先,我们将向你介绍Ghost这个平台的简要概述,它的目标,它的采用率,以及它在目前市场上的受欢迎程度。

随后,你将了解Ghost测试平台所提供的技术方面和关键功能。这些将作为我们进入基于Ghost的网站方面的基础。

在这篇文章中,我们看一下什么是Ghost测试,它的特点和技术方面,以及如何进行网站的Ghost测试。

因此,不再多说,让我们开始吧!

关于Ghost平台

Ghost是一个简单而强大的平台,用于创建博客网站、服务于媒体的网站和新闻简报。

在我们深入了解如何去测试使用Ghost测试建立的网站的细节之前,让我给你一个关于Ghost及其生态系统的快速概述。

About The Ghost Platform

Ghost是一个开源的博客平台,最初是为了给新闻界的博主提供独立的出版选择。该公司在2013年4月期间成立,今天它为大量的网站提供动力,这些网站是由想在世界最大的公司上建立自己的博客的个人博主建立的。

Ghost既支持其核心产品的内部安装,也支持基于管理服务的产品Ghost(Pro)--一个付费版本,用于启动出版商的梦想网站。那些精通技术并需要对整个网站的定制进行控制的人,应该更喜欢Ghost的开源版本。相反,那些没有或只有极少编码经验的内容创作者应选择Ghost PRO。

由于Ghost的初学者友好的用户界面和几百种主题和整合可能性,它很快就成为创建网站或博客的流行选择之一。现在Ghost平台有超过12700个活跃客户(包括NASA、苹果、OpenAI和Mozilla),Ghost核心引擎的下载量超过了300万。

active customers

资料来源

截至本文撰写时,Ghost平台的GitHub回购已经获得了40K颗星。

GitHub repo of the Ghost platform

资料来源

市场上有几种CMS(内容管理系统)软件可供选择,用于创建你的网站或博客文章。其中一些关键的CMS是。

  • WordPress
  • Joomla
  • Drupal
  • 幽灵
  • 中,等等。

要使用CMS建立一个网站或博客,你必须做出的关键决定是根据你的实力(如果你将作为个人工作)或你的团队的实力(如果你是一个组织中的团队的一部分)选择合适的CMS软件。在大多数情况下,一个简单、易学、值得信赖的平台可以给你带来很大的帮助。Ghost就属于这种类型,它不会在你的网站创建过程中让你失望。

开始测试你的CMS应用。现在就试试LambdaTest吧!

Ghost的技术方面和主要特点

让我们来了解Ghost的技术方面和一些关键功能。了解这些方面将有助于获得以下答案。

  • 在使用Ghost创建的网站中需要测试什么?
  • 如何去测试这些方面/功能?

Ghost CMS是基于Node.js平台开发的。Express JS、MySQL和Markdown是Ghost技术栈中的一些关键组件。这些组件一起帮助人们创建内容,并使用Ghost平台以网站的形式发布。

Ghost非常适合初学者,因为它使用Markdown代替了其他流行的CMS平台通常采用的所见即所得编辑功能。另外,Node.js的快速和性能特点使Ghost对需要处理最小和最大用户流量的网站非常有吸引力。

Ghost平台为其用户提供有吸引力的开箱即用的主题,以实现网站的以下功能。

  • 排版。
  • 页眉。
  • 页脚。
  • 背景,以及
  • 页面布局

Ghost CMS还让你有能力使用Handlebar模板语言创建和上传自己的主题。这种能力在Ghost的管理服务版本和Ghost的自我托管版本中都可以使用。Handlebars模板语言将模板(网站的HTML部分)与JavaScript逻辑分离开来。这种隔离是通过使用帮助器实现的。这使得用Handlebars构建的主题具有超强的性能。

Ghost还提供以下功能。

  • SEO设置
  • 社会媒体共享
  • 本地REST APIs
  • 内置会员制
  • 订阅功能

基于Ghost平台创建的网站可以与任何静态网站框架或前端框架一起工作。

使用Ghost测试平台创建的网站需要测试什么?

很自然地,Ghost测试平台的初学者会信任他们的软件创建者,并相信在Ghost测试平台上创建的网站是没有错误的。虽然在大多数情况下,这是真的,也可以这样相信。Ghost.org的团队和社区贡献者已经开发了很多测试脚本,以确保他们的开源平台的核心引擎是强大和可靠的。然而,在你的网站中,有一些由Ghost平台创建出来的区域应该进行正确性测试。

你作为网站的所有者,需要确保你的用户在使用你的网站时感到非常直观,并且没有错误或渲染问题。

如果测试这些使用Ghost测试平台创建的网站是强制性的,你可能会有以下问题。

  • 在Ghost测试平台上创建的这类网站是否有常见的问题?
  • 这样的平台会出现哪些典型问题?
  • 有哪些常见的测试环节是适用的?

以下是符合我的观点的对上述问题的回答。

  • 如果你的网站是基于一些由你个人或你的团队开发的自定义主题而设计的,那么确保你的自定义主题是单独测试的,并且在与网站整合时进行测试。这种情况可以作为使用Ghost测试平台创建的任何网站的常见用例来对待。

  • Ghost测试平台的一些标准/官方主题,如Casper,允许人们上传照片,作为头像的一部分,然后与你的单元格内容一致显示。最好有测试案例,以确保上传的照片分辨率和尺寸在与你的帖子内容或简短描述一致时不会看起来很糟糕。

    虽然Ghost测试平台设计的网站是响应性的,但最好有一个测试计划来涵盖这些方面。这是为了确保Ghost测试平台的版本升级不会引入任何退步。这是一个关于使用这种平台创建的网站可能出现的常见问题的示例方案。

  • 常见的测试方面。

  • 在浏览器中测试你的网站。打开不同的浏览器,看看你的网站在每个浏览器上的渲染是否正常。毕竟,你的网站的终端用户是通过这些不同的浏览器来访问的。

  • 在多种设备上测试你的网站。确保在不同的设备上测试你的网站,包括但不限于电脑、笔记本电脑、智能手机、平板电脑等,看它是否工作正常。

  • 功能测试。对你的网站进行功能测试,看它是否符合你网站的功能方面。

  • 性能测试。对你的网站进行性能测试,以便在网站流量增加时发现性能问题。

  • 移动友好型网站测试。进行移动友好测试,确保你的网站不需要手动缩放或滚动来查看网页的多个区域。确保你的Ghost网站的外观和感觉在各种移动设备上得到保留。

根据你的网站设计和你给你的网站带来的定制,你可以准备一个要测试的项目清单,并让它包含在你的测试覆盖计划中。

在测试使用Ghost平台创建的网站时,有什么可以忽略的?

现在我们已经看到了可以测试的内容,让我们来看看使用Ghost平台创建的网站时,哪些方面可以忽略。毕竟,该网站是使用更可靠的Ghost平台开发的。并非每一个纳入的页面或功能都需要测试,你可以通过正确识别那些可忽略的地方来节省测试时间。

如果你还记得,在本文的前一部分,我曾将Ghost平台的Native REST APIs列为其主要特征之一。使用Ghost的RESTful Content API,客户可以以只读的方式消费发布的网站内容,而这些内容又可以在另一个网站或应用程序中呈现。

对这种Ghost提供的API的测试,作为网站所有者的你应予以忽略。相反,客户应用程序的所有者可以阅读API文档,以相应地设计他们的应用程序或网站。这是一个可以忽略的例子,用于测试使用Ghost平台创建的网站。根据你的网站目标,你可以量身定做这样一个清单,并从测试计划中跳过。

测试你的Ghost网站的自定义主题

GScan是一个授权工具,用于检查你的Ghost主题的兼容性。GScan会生成一份详细的报告,说明任何需要修改主题以使其与特定Ghost版本兼容的故障。

返回列表中的错误级别可能有所不同。

  • warning= 通常用于弃用,以及将在下一个版本中出现的错误项目。
  • 问题= 使主题不正确或与当前版本的Ghost不兼容被认为是一个错误。

一旦完成了Ghost网站的自定义主题创建,就需要进行单元测试和浏览器测试。

单元测试

为了执行单元测试,你可以使用Mocha与Chai和Sinon的组合。Mocha是顶级的JavaScript测试框架之一,可以用来定义你的测试案例/套件。Chai库可用于断言,而Sinon库可用于创建模拟、存根和间谍。

你可以使用一个流行的测试平台,如LambdaTest,以满足你的测试脚本的自动执行的目标。通过LambdaTest的云Selenium网格,质量保证团队成员可以在高度可用、安全和可扩展的基础设施上进行端到端的测试

你可以在由3000多个真实的浏览器、设备和操作系统组成的在线设备场上执行你为测试Ghost网站的定制主题而开发的Mocha测试脚本。这表明在你的网站的测试覆盖率上实现了更大的比例。

浏览器测试

一旦你的网站定制主题的单元测试被覆盖,你可以将定制主题与你的网站整合。首先在一个暂存区域做这个整合,然后计划如何以更少的时间、更少的成本和更高的生产力进行基于网络的浏览器测试

进行浏览器测试是非常重要的,以确保你的网站的渲染方面是正确的。此外,仅在一个浏览器中进行浏览器测试是不够的,因为你的网站的终端用户可能使用任何流行的浏览器来访问。

这就是跨浏览器测试的重要性所在。跨浏览器测试是一种测试方法,确保网站在不同的浏览器上有统一的表现。

这种跨浏览器测试策略验证了属于自定义主题的所有组件,如标题、页脚、页面布局、背景等,都在按预期工作。用户体验是表明一个网站成功或失败的关键方面。因此,你,作为网站的所有者,需要确保你的网站在跨浏览器测试中表现良好。

由于跨浏览器测试涉及到需要设置不同的浏览器和操作系统组合,因此使用LambdaTest提供的测试平台更有意义。LambdaTest云平台提供了开箱即用的大量浏览器选项、操作系统和设备来进行这种跨浏览器测试。一旦订阅了LambdaTest平台,在短时间内,你就会在指尖上拥有这样一个强大的基础设施。

像LambdaTest这样的自动化测试工具提供实时的浏览器测试,这是一个必须尝试的功能,可以对你的网页进行实时测试。我强烈建议在LambdaTest注册一个账户(如果你还没有这样做),并尝试他们的测试平台所提供的功能。

下面分享的是LambdaTest平台的实时浏览器测试界面的截图。请注意,有很多选项可以对你的Ghost网站进行跨浏览器和跨操作系统的测试。只要提供你基于Ghost的网站URL作为输入,然后选择你想测试你的变化的设备,如桌面或移动设备。如果是桌面,选择浏览器及其版本,选择操作系统版本,以及桌面屏幕分辨率。根据测试案例的要求,你有很多选项可以选择,一旦你确定了你的选项,点击开始。

Browser Testing

开始 "按钮将以自动化的方式启动环境设置行动,在云中分配一个实例,并选择硬件和软件。一旦环境准备就绪,你将看到一个包含Ghost网站的屏幕会话。测试人员应在他们认为必要时在浏览器上进行手动测试,以完成他们的测试方案。

点击结束会话按钮,结束当前会话。

移动友好型网站测试

根据您的Ghost网站在智能手机或移动设备上的响应行为和兼容性来衡量它的移动可用性是很重要的。LambdaTest提供的LT浏览器除了可以帮助你对Ghost网站进行移动友好测试外,还可以让你在同一窗口中直接在移动设备上建立、测试和排除网站故障。

你可以在各种移动设备视口上测试你的Ghost网站。有了LT浏览器,你将有能力在安卓和iOS分辨率上查看你的网站,从而确保你的网站在安卓和苹果智能手机上都能正常呈现。如果你不能从给定的列表中找到你的设备,使用LT浏览器,你可以制作你的自定义设备视口,并将其保存起来供进一步使用。你不必在智能手机之间切换来进行移动网站测试。相反,你可以通过LT浏览器同时测试两部智能手机。这就是它的简易性和省时性。

幽灵网站的视觉UI测试

对使用自定义主题创建的网站进行视觉UI测试是至关重要的。原因是,只有通过视觉用户界面测试,我们才能断定以下几个方面。

  • 图像与文本内容的对齐
  • 当网站被放大或缩小时,对象的形状/大小
  • 确保在不同设置下看到的UI元素没有重叠。
  • 设备分辨率变化时的用户体验失真,等等。

在生产中,你的网站的用户将同时面临功能和视觉问题,因此我们必须计划有效的测试策略,以涵盖这两个方面。

在LambdaTest平台上的视觉UI测试模块的帮助下,测试人员可以发现你的网站上的新变化所带来的视觉变化,而且令人惊讶的是,只需点击一个按钮就可以实现。无论网站的变化是什么,无论是标题、背景颜色、页面布局、字体大小或风格、UI元素的位置等等,都可以轻松发现。

你可以使用不同的浏览器、操作系统版本和分辨率对涉及自定义主题的Ghost网站进行截图,然后与基础参考快照进行比较,以列出LambdaTest平台所发现的问题。

下面分享的是LambdaTest平台的截图,它可以帮助实现这个测试方面。

screenshot of the LambdaTest platform

你甚至可以安排一个时间段来拍摄视觉快照,并将其发送到指定的电子邮件分发列表。这大大克服了坐在那里等待这种测试套件完成的需要。

总结

数以百万计的内容创作者、组织和创业公司使用Ghost创作和发布。如果你已经选择或计划使用Ghost来创建网站,我希望这篇文章能让你了解如何对使用Ghost创建的网站进行测试。

在这篇文章中,我们向你介绍了Ghost平台的简要概述以及它在市场上的受欢迎程度。随后,你了解了Ghost平台所提供的技术方面和关键功能。这些都是解释基于Ghost的网站的测试方面的基础,包括在测试使用Ghost创建的网站时,哪些需要测试,哪些应被忽略。

然后,我们进一步了解如何对使用Ghost平台创建的网站进行测试。我们还探索了LambdaTest平台的功能,了解它如何帮助你以一种聪明的、具有成本效益的和提高生产力的方式来测试Ghost网站。

至此,我们结束了这篇文章,但你的Ghost网站测试之旅将从这里继续或开始。祝你测试愉快!!!。

常见问题(FAQ)

我在哪里可以托管Ghost CMS?

托管Ghost CMS的最佳选择

  • Ghost(专业版)
  • DigitalPress。
  • 午夜。
  • Digitalocean。
  • Firepress.
  • Gloat

Ghost org的用途是什么?

Ghost是一个复杂的应用程序,允许新媒体制作人发布、分享和盈利他们的工作。它包括当前创建网站、发布内容、发送电子邮件和向会员收取订阅费用的工具。