用于测试资产和助手的 Rails 标志 - TypeScript

简介

Rails 标志是一个用于快速开发 Web 应用程序的框架。它使用 Ruby 语言进行编写并得到广泛使用。此外，它也支持 JavaScript 和 TypeScript 。

TypeScript 是一种由微软开发的开源编程语言。它在 JavaScript 基础上增加了类型系统，提高了代码的可读性和可维护性。在使用 TypeScript 进行开发时，可以通过定义类型来规范代码，并让代码更易于理解。

这篇文章将介绍如何在 Rails 应用中使用 TypeScript 进行开发，并介绍测试资产和助手的使用方式。

安装

在开始使用 TypeScript 进行开发之前，需要安装 TypeScript 包。在命令行中执行以下命令：

$ npm install -g typescript

安装完成后，就可以在 Rails 应用中使用 TypeScript 了。

支持

Rails 的 asset pipeline 支持使用 TypeScript 编写 JavaScript 代码。需要定义一个后缀为 .ts 的文件来存储 TypeScript 代码，并在 JavaScript 文件中引入该文件即可。

使用

编写 TypeScript 代码

在项目中创建一个 .ts 文件，编写 TypeScript 代码：

class Example {
  constructor(public name: string) {}

  sayHello() {
    console.log(`Hello ${this.name}!`);
  }
}

const example = new Example("world");
example.sayHello();

在上述代码中，定义了一个类 Example，构造函数接收一个参数 name，并将其存储为成员变量；另外定义了一个 sayHello 方法，用于打印出 Hello ${name}! 的信息。在代码的最后，创建了一个 example 实例，并调用 sayHello 方法。

引入 TypeScript 代码

在 JavaScript 代码中，可以通过脚本标记引入 TypeScript 代码：

//= require example.ts

在上述代码中，通过 //= require 引入了 example.ts 文件。此时，可以在 JavaScript 文件中使用 Example 类和 example 实例。

测试 TypeScript 代码

使用 Rails 提供的测试框架进行测试时，可以使用基于官方的 jasmine 的测试框架进行测试。

首先，在 Gemfile 文件中加入以下行：

group :development, :test do
  gem "rails-controller-testing"
end

group :test do
  gem "jasmine-rails"
  gem "jasmine-jquery-rails"
end

然后，在命令行中执行以下命令安装依赖：

$ bundle install

完成后，执行以下命令启动测试服务器：

$ rails s -e test

在浏览器中访问 http://localhost:3000/，会看到测试运行的控制台。依次点击 javascripts 和 example_spec.js 文件，即可看到测试用例运行的结果。

结论

在 Rails 应用中使用 TypeScript 进行开发时，需要通过定义 .ts 文件来存储 TypeScript 代码，然后在 JavaScript 文件中引入该文件即可。使用 jasmine 测试框架进行测试时，需要在 Gemfile 文件中加入相应的依赖。