57

Google Apps 脚本支持触发器，将事件传递给触发器函数。不幸的是，开发环境将允许您在不传递参数的情况下测试函数，因此您无法以这种方式模拟事件。如果您尝试，您会收到如下错误：

ReferenceError: 'e' 未定义。

或者

类型错误：无法从未定义中读取属性 *...*

（e未定义的地方）

可以将事件视为可选参数，并使用来自Is there a better way to do optional function parameters in JavaScript? 中的任何技术将默认值插入到触发函数中？. 但这带来了一个风险，即懒惰的程序员（如果是你，请举手！）会留下该代码，并产生意想不到的副作用。

肯定有更好的方法吗？

4

4 回答 4

90

您可以编写一个测试函数，将模拟事件传递给您的触发函数。onEdit()这是一个测试触发功能的示例。它传递一个事件对象，其中包含了解事件中“电子表格编辑事件”中描述的所有信息。

要使用它，请在目标onEdit函数中设置断点，选择函数test_onEdit并点击Debug。

/**
 * Test function for onEdit. Passes an event object to simulate an edit to
 * a cell in a spreadsheet.
 *
 * Check for updates: https://stackoverflow.com/a/16089067/1677912
 *
 * See https://developers.google.com/apps-script/guides/triggers/events#google_sheets_events
 */
function test_onEdit() {
  onEdit({
    user : Session.getActiveUser().getEmail(),
    source : SpreadsheetApp.getActiveSpreadsheet(),
    range : SpreadsheetApp.getActiveSpreadsheet().getActiveCell(),
    value : SpreadsheetApp.getActiveSpreadsheet().getActiveCell().getValue(),
    authMode : "LIMITED"
  });
}

如果你很好奇，这是为了测试Google SpreadsheetonEdit的函数，以三个单元格为条件。

这是电子表格表单提交事件的测试函数。它通过读取表单提交数据来构建其模拟事件。这最初是为在 onFormSubmit 触发器中获取 TypeError 编写的？.

/**
 * Test function for Spreadsheet Form Submit trigger functions.
 * Loops through content of sheet, creating simulated Form Submit Events.
 *
 * Check for updates: https://stackoverflow.com/a/16089067/1677912
 *
 * See https://developers.google.com/apps-script/guides/triggers/events#google_sheets_events
 */
function test_onFormSubmit() {
  var dataRange = SpreadsheetApp.getActiveSheet().getDataRange();
  var data = dataRange.getValues();
  var headers = data[0];
  // Start at row 1, skipping headers in row 0
  for (var row=1; row < data.length; row++) {
    var e = {};
    e.values = data[row].filter(Boolean);  // filter: https://stackoverflow.com/a/19888749
    e.range = dataRange.offset(row,0,1,data[0].length);
    e.namedValues = {};
    // Loop through headers to create namedValues object
    // NOTE: all namedValues are arrays.
    for (var col=0; col<headers.length; col++) {
      e.namedValues[headers[col]] = [data[row][col]];
    }
    // Pass the simulated event to onFormSubmit
    onFormSubmit(e);
  }
}

提示

模拟事件时，请注意尽可能匹配记录的事件对象。

  • 如果您希望验证文档，您可以从触发函数记录接收到的事件。

    Logger.log( JSON.stringify( e , null, 2 ) );

  • 在电子表格表单提交事件中：

    • 所有 namedValues 值都是数组。
    • 时间戳是字符串，它们的格式将本地化为表单的区域设置。如果从具有默认格式*的电子表格中读取，它们是 Date 对象。如果您的触发函数依赖于时间戳的字符串格式（这是一个坏主意），请注意确保正确模拟该值。
    • 如果您的电子表格中有不在表单中的列，则此脚本中的技术将模拟包含这些附加值的“事件”，这不是您从表单提交中收到的内容。
    • 如问题 4335中所述，values数组跳过空白答案（在“新表单”+“新工作表”中）。该filter(Boolean)方法用于模拟这种行为。

*单元格格式的“纯文本”会将日期保留为字符串，这不是一个好主意。

于 2013-04-18T17:03:00.633 回答
11

2020-2021 年更新：

您不需要使用前面答案中建议的任何类型的模拟事件。

如问题中所述，如果您直接在脚本编辑器中“运行”该功能，则会出现错误

TypeError：无法从未定义中读取属性...

被抛出。这些不是真正的错误。此错误只是因为您在没有事件的情况下运行了该函数。如果您的函数未按预期运行，则需要找出实际错误：

要测试触发功能，

  1. 手动触发相应事件：即要测试onEdit，编辑sheet中的一个单元格；要测试onFormSubmit，请提交一个虚拟表单响应；要进行测试doGet，请将浏览器导航到已发布的 webapp /execurl。

  2. 如果有任何错误，则会将其记录到 stackdriver。要查看这些日志，

    • 在左侧栏中的脚本编辑器 > 执行图标中（旧版编辑器：视图 > 执行）。

    • 或者，单击此处>单击您感兴趣的项目>单击左侧栏上的“执行”图标（第 4 个）

  3. 您将在执行页面中找到执行列表。确保清除左上角的“Ran as:Me”等任何过滤器以显示所有执行。单击您感兴趣的执行，它将以红色显示导致触发器失败的错误。

注意：有时，由于错误，日志不可见。尤其是在 webapp 由匿名用户运行的情况下更是如此。在这种情况下，建议将默认谷歌云项目切换为标准谷歌云项目，并直接使用 View> Stackdriver logging。请参阅此处了解更多信息。

  1. 为了进一步调试，您可以使用编辑代码添加到console.log(/*object you're interested in*/)您感兴趣的任何行之后，以查看该对象的详细信息。强烈建议您对要查找的对象进行字符串化：因为console.log(JSON.stringify(e))日志查看器具有特殊性。添加后console.log()，从步骤 1 开始重复。重复此循环，直到缩小问题范围。

恭喜！您已经成功地解决了问题并越过了第一个障碍。

于 2020-09-11T16:42:54.657 回答
9

2017 年更新：使用Stackdriver Logging for Google Apps 脚本 调试事件对象。从脚本编辑器的菜单栏中，转到： 查看或流式传输日志。View > Stackdriver Logging

console.log()将写入DEBUG级别消息

示例onEdit()：

function onEdit (e) {
  var debug_e = {
    authMode:  e.authMode,  
    range:  e.range.getA1Notation(),    
    source:  e.source.getId(),
    user:  e.user,   
    value:  e.value,
    oldValue: e. oldValue
  }

  console.log({message: 'onEdit() Event Object', eventObject: debug_e});
}

示例onFormSubmit()：

function onFormSubmit (e) {
  var debug_e = {
    authMode:  e.authMode,  
    namedValues: e.namedValues,
    range:  e.range.getA1Notation(),
    value:  e.value
  }

  console.log({message: 'onFormSubmit() Event Object', eventObject: debug_e});
}

示例onChange()：

function onChange (e) {
  var debug_e = {
    authMode:  e.authMode,  
    changeType: changeType,
    user:  e.user
  }

  console.log({message: 'onChange() Event Object', eventObject: debug_e});
}

然后检查Stackdriver UI中标记为message字符串的日志以查看输出

于 2017-10-21T04:28:33.673 回答
0

作为对上述第 4 点中提到的方法（2020 年更新）的补充：这是我用来跟踪触发代码的一个小例程，它已经为我节省了很多时间。我还打开了两个窗口：一个带有堆栈驱动程序（执行），一个带有代码（主要位于库中），因此我可以轻松找出罪魁祸首。

/**
 *
 * like Logger.log %s in text is replaced by subsequent (stringified) elements in array A
 * @param {string | object} text %s in text is replaced by elements of A[], if text is not a string, it is stringified and A is ignored
 * @param {object[]} A array of objects to insert in text, replaces %s
 * @returns {string} text with objects from A inserted 
 */
function Stringify(text, A) {
  var i = 0 ;
  return (typeof text == 'string') ? 
      text.replace(
        /%s/g, 
        function(m) { 
          if( i >= A.length) return m ;
          var a = A[i++] ;
          return (typeof a == 'string') ? a :  JSON.stringify(a) ;
        } ) 
      : (typeof text == 'object') ? JSON.stringify(text) : text ;
}

/* use Logger (or console) to display text and variables. */
function T(text) {
  Logger.log.apply(Logger, arguments) ;
  var Content = Stringify( text, Array.prototype.slice.call(arguments,1) ) ;
  return Content ;
}

/**** EXAMPLE OF USE ***/
function onSubmitForm(e) {
  T("responses:\n%s" , e.response.getItemResponses().map(r => r.getResponse()) ;
}

于 2021-08-01T19:24:07.400 回答