@codecademy/codebytes 0.7.3 → 0.7.4-alpha.8dfef4.0

package/CHANGELOG.md

@@ -0,0 +1,243 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+### [0.7.4-alpha.8dfef4.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.7.3...@codecademy/codebytes@0.7.4-alpha.8dfef4.0) (2022-10-21)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.7.3](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.7.2...@codecademy/codebytes@0.7.3) (2022-09-16)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.7.2](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.7.1...@codecademy/codebytes@0.7.2) (2022-08-24)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.7.1](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.7.0...@codecademy/codebytes@0.7.1) (2022-05-24)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+## [0.7.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.16...@codecademy/codebytes@0.7.0) (2022-05-19)
+
+
+### ⚠ BREAKING CHANGES
+
+* **CodeByteEditor:** Add copyFormatter prop (#51)
+
+### Features
+
+* **CodeByteEditor:** Add copyFormatter prop ([#51](https://github.com/Codecademy/client-modules/issues/51)) ([39b5229](https://github.com/Codecademy/client-modules/commit/39b52291c3db6307203100bb216b852e7e07bc9e))
+
+
+
+### [0.6.16](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.15...@codecademy/codebytes@0.6.16) (2022-05-16)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.15](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.14...@codecademy/codebytes@0.6.15) (2022-05-13)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.14](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.13...@codecademy/codebytes@0.6.14) (2022-05-13)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.13](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.12...@codecademy/codebytes@0.6.13) (2022-04-11)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.12](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.11...@codecademy/codebytes@0.6.12) (2022-03-10)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.11](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.10...@codecademy/codebytes@0.6.11) (2022-03-07)
+
+
+### Bug Fixes
+
+* fixes a monaco editor display bug for lines below 14-17 ([9780410](https://github.com/Codecademy/client-modules/commit/97804100dea13fe92b6e4d58bfbec4667af5d96c))
+
+
+
+### [0.6.10](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.9...@codecademy/codebytes@0.6.10) (2022-02-09)
+
+
+### Bug Fixes
+
+* remove get options from client modules ([6bf7b94](https://github.com/Codecademy/client-modules/commit/6bf7b94876f1c6c1e15b0da2b5393bc1f8151535))
+
+
+
+### [0.6.9](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.8...@codecademy/codebytes@0.6.9) (2022-02-07)
+
+
+### Bug Fixes
+
+* **codebytes:** style tweaks ([#33](https://github.com/Codecademy/client-modules/issues/33)) ([6722a8a](https://github.com/Codecademy/client-modules/commit/6722a8accb9dcf88b7508903fdec1f155b010d96))
+
+
+
+### [0.6.8](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.7...@codecademy/codebytes@0.6.8) (2022-02-05)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.7](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.6...@codecademy/codebytes@0.6.7) (2022-02-05)
+
+
+### Bug Fixes
+
+* **codebytes:** semantic text color ([8c5e59b](https://github.com/Codecademy/client-modules/commit/8c5e59b25af3e7f92e4bf3f6bb9de198eec5a3e0))
+
+
+
+### [0.6.6](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.5...@codecademy/codebytes@0.6.6) (2022-02-03)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.5](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.4...@codecademy/codebytes@0.6.5) (2022-02-03)
+
+
+### Bug Fixes
+
+* **Codebytes:** tracking tweaks for monolith ([#31](https://github.com/Codecademy/client-modules/issues/31)) ([4d309d0](https://github.com/Codecademy/client-modules/commit/4d309d0f57c7c30bf672d8ed02193e9d5b2a27a9))
+
+
+
+### [0.6.4](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.3...@codecademy/codebytes@0.6.4) (2022-02-02)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.3](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.2...@codecademy/codebytes@0.6.3) (2022-02-02)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.2](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.1...@codecademy/codebytes@0.6.2) (2022-02-02)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+### [0.6.1](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.0...@codecademy/codebytes@0.6.1) (2022-02-01)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
+## [0.6.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.5.1...@codecademy/codebytes@0.6.0) (2022-01-31)
+
+
+### Features
+
+* **Codebytes:** add tests for codebytes package disc 399 ([#21](https://github.com/Codecademy/client-modules/issues/21)) ([df3f780](https://github.com/Codecademy/client-modules/commit/df3f780237cbe31b620f7d88870612e1109ffb5b))
+
+
+
+### [0.5.1](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.5.0...@codecademy/codebytes@0.5.1) (2022-01-29)
+
+
+### Reverts
+
+* Revert "add yarn build task for codebytes (#23)" (#24) ([209a493](https://github.com/Codecademy/client-modules/commit/209a4935066ed1cf7e6932281218338c67ab088b)), closes [#23](https://github.com/Codecademy/client-modules/issues/23) [#24](https://github.com/Codecademy/client-modules/issues/24)
+
+
+
+## [0.5.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.4.0...@codecademy/codebytes@0.5.0) (2022-01-27)
+
+
+### Features
+
+* **Codebytes:** Refactor tracking in Codebytes ([#19](https://github.com/Codecademy/client-modules/issues/19)) ([494a944](https://github.com/Codecademy/client-modules/commit/494a94441cfbc1ea563f997607821131a7f1e007))
+
+
+
+## [0.4.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.3.0...@codecademy/codebytes@0.4.0) (2022-01-21)
+
+
+### Features
+
+* **Codebytes:** move language selection component disc 354 ([#17](https://github.com/Codecademy/client-modules/issues/17)) ([040553d](https://github.com/Codecademy/client-modules/commit/040553dcc7867b6e331712365bcc19ea2df306d5))
+
+
+
+## [0.3.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.2.0...@codecademy/codebytes@0.3.0) (2022-01-12)
+
+
+### Features
+
+* **Codebytes:** add simple monaco editor disc 353 ([#16](https://github.com/Codecademy/client-modules/issues/16)) ([eec98ba](https://github.com/Codecademy/client-modules/commit/eec98ba9aad45f07fb5f3417e3da1e1935985deb))
+
+
+
+## [0.2.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.1.0...@codecademy/codebytes@0.2.0) (2022-01-04)
+
+
+### Features
+
+* **Codebytes:** add editor and drawers disc 351 ([#14](https://github.com/Codecademy/client-modules/issues/14)) ([e84e265](https://github.com/Codecademy/client-modules/commit/e84e265e4cf4bf8360830ebf2dbea930ab503c9c))
+
+
+
+## 0.1.0 (2021-12-17)
+
+
+### Features
+
+* **Codebytes:** move codebytes parent disc 351 ([#11](https://github.com/Codecademy/client-modules/issues/11)) ([30edd2b](https://github.com/Codecademy/client-modules/commit/30edd2b7a0e50c27d3adcf231b56441b8e8f6b81))

package/dist/MonacoEditor/colorsDark.d.ts

@@ -0,0 +1,32 @@
+export declare const syntax: {
+    attribute: "#b4d353";
+    annotation: "#e85d7f";
+    atom: "#cc7bc2";
+    basic: "#ffffff";
+    comment: "#939598";
+    constant: "#ff8973";
+    decoration: "#e85d7f";
+    invalid: "#e85d7f";
+    key: "#83fff5";
+    keyword: "#b3ccff";
+    number: "#e85d7f";
+    operator: "#e85d7f";
+    predefined: "#ffffff";
+    property: "#e85d7f";
+    regexp: "#b4d353";
+    string: "#ffe083";
+    tag: "#e85d7f";
+    text: "#ff8973";
+    value: "#ffe083";
+    variable: "#b4d353";
+};
+export declare const ui: {
+    background: string;
+    text: "#ffffff";
+    indent: {
+        active: string;
+        inactive: string;
+    };
+};
+export declare type SyntaxColors = typeof syntax;
+export declare type UIColors = typeof ui;

package/dist/MonacoEditor/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type SimpleMonacoEditorProps = {
+    value: string;
+    language: string;
+    onChange?: (value: string) => void;
+};
+export declare const SimpleMonacoEditor: React.FC<SimpleMonacoEditorProps>;

package/dist/MonacoEditor/index.js

@@ -1,6 +1,3 @@
-var _jsxFileName = "/home/runner/work/mono/mono/libs/codebytes/src/MonacoEditor/index.tsx",
-    _this = this;
-
 // DO NOT CHANGE ANYTHING HERE
 // This component is part of the Codebytes MVP and only includes basic configuration around theming
 // We are working on a monaco package in client-modules that has more configuration around themes and languages
@@ -9,8 +6,6 @@ import ReactMonacoEditor from '@monaco-editor/react';
 import React, { useCallback, useRef } from 'react';
 import ResizeObserver from 'react-resize-observer';
 import { dark } from './theme';
-import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-dev-runtime";
 export var SimpleMonacoEditor = function SimpleMonacoEditor(_ref) {
   var value = _ref.value,
       language = _ref.language,
@@ -21,37 +16,27 @@ export var SimpleMonacoEditor = function SimpleMonacoEditor(_ref) {
     monaco.editor.defineTheme('dark', dark);
     monaco.editor.setTheme('dark');
   }, []);
-  return _jsxDEV(_Fragment, {
-    children: [_jsxDEV(ResizeObserver, {
-      onResize: function onResize(_ref2) {
-        var _editorRef$current;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizeObserver, {
+    onResize: function onResize(_ref2) {
+      var _editorRef$current;
 
-        var height = _ref2.height,
-            width = _ref2.width;
-        (_editorRef$current = editorRef.current) == null ? void 0 : _editorRef$current.layout({
-          height: height,
-          width: width
-        });
+      var height = _ref2.height,
+          width = _ref2.width;
+      (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.layout({
+        height: height,
+        width: width
+      });
+    }
+  }), /*#__PURE__*/React.createElement(ReactMonacoEditor, {
+    onMount: editorWillMount,
+    onChange: onChange,
+    options: {
+      minimap: {
+        enabled: false
       }
-    }, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 38,
-      columnNumber: 7
-    }, _this), _jsxDEV(ReactMonacoEditor, {
-      onMount: editorWillMount,
-      onChange: onChange,
-      options: {
-        minimap: {
-          enabled: false
-        }
-      },
-      theme: "vs-dark",
-      value: value,
-      language: language
-    }, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 46,
-      columnNumber: 7
-    }, _this)]
-  }, void 0, true);
+    },
+    theme: "vs-dark",
+    value: value,
+    language: language
+  }));
 };

package/dist/MonacoEditor/theme.d.ts

@@ -0,0 +1,2 @@
+import type * as monaco from 'monaco-editor';
+export declare const dark: monaco.editor.IStandaloneThemeData;

package/dist/MonacoEditor/types.d.ts

@@ -0,0 +1 @@
+export declare type Monaco = typeof import('monaco-editor');

package/dist/MonacoEditor/types.js

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/codebyte-test.d.ts

@@ -0,0 +1 @@
+import './mocks';

package/dist/__tests__/codebyte-test.js

@@ -0,0 +1,155 @@
+import './mocks';
+import { setupRtl } from '@codecademy/gamut-tests';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+import { CodeByteEditor } from '..';
+import { helloWorld, validLanguages } from '../consts';
+import { trackClick } from '../helpers';
+import { trackUserImpression } from '../libs/eventTracking';
+var mockEditorTestId = 'mock-editor-test-id'; // This is a super simplified mock capable of render value and trigger onChange.
+
+jest.mock('../MonacoEditor', function () {
+  return {
+    SimpleMonacoEditor: function SimpleMonacoEditor(_ref) {
+      var value = _ref.value,
+          _onChange = _ref.onChange;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, value, /*#__PURE__*/React.createElement("input", {
+        "data-testid": mockEditorTestId,
+        type: "text",
+        onChange: function onChange(e) {
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.target.value);
+        },
+        value: value
+      }));
+    }
+  };
+});
+var renderWrapper = setupRtl(CodeByteEditor, {});
+describe('CodeBytes', function () {
+  var initialUrl = window.location.href;
+  afterEach(function () {
+    window.history.replaceState(null, '', initialUrl);
+    trackClick.mockReset();
+    trackUserImpression.mockReset();
+  });
+  it('has a language-specific "hello world" program defined for each language', function () {
+    validLanguages.forEach(function (language) {
+      expect(helloWorld[language]).toBeDefined();
+    });
+  });
+  it('initializes with a language-specific "hello world" program when there is no language prop', function () {
+    var _renderWrapper = renderWrapper(),
+        view = _renderWrapper.view;
+
+    var selectedLanguage = view.getByRole('combobox');
+    userEvent.selectOptions(selectedLanguage, ['javascript']);
+    view.getByText(helloWorld.javascript);
+  });
+  it('initializes with a language-specific "hello world" program when there is a language prop but no text prop', function () {
+    var _renderWrapper2 = renderWrapper({
+      language: 'javascript'
+    }),
+        view = _renderWrapper2.view;
+
+    view.getByText(helloWorld.javascript);
+  });
+  it('initializes with deserialized text when there is a text prop but no language prop', function () {
+    var testString = 'yes hello';
+
+    var _renderWrapper3 = renderWrapper({
+      text: testString
+    }),
+        view = _renderWrapper3.view;
+
+    var selectedLanguage = view.getByRole('combobox');
+    userEvent.selectOptions(selectedLanguage, ['javascript']);
+    view.getByText(testString);
+  });
+  it('initializes with deserialized text when there is both a language and text prop', function () {
+    var testString = 'yes hello';
+
+    var _renderWrapper4 = renderWrapper({
+      text: testString,
+      language: 'javascript'
+    }),
+        view = _renderWrapper4.view;
+
+    view.getByText(testString);
+  });
+  describe('Change Handlers', function () {
+    it('triggers onEdit on text edit', function () {
+      var onEdit = jest.fn();
+
+      var _renderWrapper5 = renderWrapper({
+        text: '',
+        language: 'javascript',
+        onEdit: onEdit
+      }),
+          view = _renderWrapper5.view;
+
+      var editor = view.getByTestId(mockEditorTestId);
+      userEvent.type(editor, 'dog');
+      expect(onEdit).toHaveBeenCalledTimes(3);
+      expect(onEdit).toHaveBeenLastCalledWith('dog', 'javascript');
+    });
+    it('triggers onLanguageChange on language selection', function () {
+      var onLanguageChange = jest.fn();
+
+      var _renderWrapper6 = renderWrapper({
+        onLanguageChange: onLanguageChange
+      }),
+          view = _renderWrapper6.view;
+
+      var selectedLanguage = view.getByRole('combobox');
+      userEvent.selectOptions(selectedLanguage, ['javascript']);
+      expect(onLanguageChange).toHaveBeenCalledWith("console.log('Hello world!');", 'javascript');
+    });
+  });
+  describe('Tracking', function () {
+    it('triggers trackClick on clicking the logo', function () {
+      var _renderWrapper7 = renderWrapper({}),
+          view = _renderWrapper7.view;
+
+      var logo = view.getByLabelText('visit codecademy.com');
+      userEvent.click(logo);
+      expect(trackClick).toHaveBeenCalledWith('logo', undefined);
+    });
+    it('triggers trackClick on language selection', function () {
+      var _renderWrapper8 = renderWrapper(),
+          view = _renderWrapper8.view;
+
+      var selectedLanguage = view.getByRole('combobox');
+      userEvent.selectOptions(selectedLanguage, ['javascript']);
+      expect(trackClick).toHaveBeenCalledWith('lang_select', undefined);
+    });
+    it('triggers trackClick for the first edit', function () {
+      var testString = 'original-value';
+
+      var _renderWrapper9 = renderWrapper({
+        text: testString,
+        language: 'javascript',
+        trackFirstEdit: true
+      }),
+          view = _renderWrapper9.view;
+
+      var editor = view.getByTestId(mockEditorTestId);
+      userEvent.type(editor, 'd');
+      expect(trackClick).toHaveBeenCalledWith('edit', undefined);
+    });
+    it('triggers trackUserImpression', function () {
+      renderWrapper({
+        text: 'some-value',
+        language: 'javascript',
+        trackingData: {
+          page_name: 'forum_compose',
+          context: 'https://discuss.codecademy.com/some-interesting/post'
+        }
+      });
+      expect(trackUserImpression).toHaveBeenCalledWith({
+        page_name: 'forum_compose',
+        context: 'https://discuss.codecademy.com/some-interesting/post',
+        target: 'codebyte'
+      });
+    });
+  });
+});

package/dist/__tests__/editor-test.d.ts

@@ -0,0 +1 @@
+import './mocks';

package/dist/__tests__/editor-test.js

@@ -0,0 +1,133 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+import './mocks';
+import { setupRtl } from '@codecademy/gamut-tests';
+import { act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+import { Editor } from '../editor';
+import { trackClick } from '../helpers';
+jest.mock('../MonacoEditor', function () {
+  return {
+    SimpleMonacoEditor: function SimpleMonacoEditor(_ref) {
+      var value = _ref.value;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, value);
+    }
+  };
+});
+var renderWrapper = setupRtl(Editor, {
+  hideCopyButton: false,
+  language: 'javascript',
+  text: 'hello world',
+  onChange: jest.fn(),
+  snippetsBaseUrl: ''
+});
+Object.defineProperty(navigator, 'clipboard', {
+  value: {
+    writeText: jest.fn().mockImplementation(function () {
+      return Promise.resolve();
+    })
+  }
+});
+describe('Editor', function () {
+  global.fetch = jest.fn();
+  afterEach(function () {
+    global.fetch.mockClear();
+  });
+  it('shows a prompt tooltip when the CodeByte has __not__ been copied via the button', function () {
+    var _renderWrapper = renderWrapper(),
+        view = _renderWrapper.view;
+
+    expect(view.queryByTestId('copy-confirmation-tooltip')).toBeFalsy();
+    view.getByTestId('copy-prompt-tooltip');
+  });
+  it('shows a confirmation tooltip when the CodeByte has been copied via the button', function () {
+    var _renderWrapper2 = renderWrapper(),
+        view = _renderWrapper2.view;
+
+    var copyBtn = view.getByTestId('copy-codebyte-btn');
+    userEvent.click(copyBtn);
+    expect(view.queryByTestId('copy-prompt-tooltip')).toBeFalsy();
+    view.getByTestId('copy-confirmation-tooltip');
+  });
+  it('hides the copy codebyte button if hideCopyButton prop is true"', function () {
+    var _renderWrapper3 = renderWrapper({
+      hideCopyButton: true
+    }),
+        view = _renderWrapper3.view;
+
+    expect(view.queryByTestId('copy-codebyte-btn')).toBeNull();
+  });
+  it('shows the copy codebyte button if hideCopyButton prop is not set', function () {
+    var _renderWrapper4 = renderWrapper(),
+        view = _renderWrapper4.view;
+
+    view.getByTestId('copy-codebyte-btn');
+  });
+  describe('Tracking', function () {
+    it('tracks clicks on the run button', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _renderWrapper5, view, runButton;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              global.fetch.mockResolvedValue({
+                json: function json() {
+                  return Promise.resolve({
+                    stderr: [],
+                    exit_code: 0,
+                    stdout: ''
+                  });
+                }
+              });
+              _renderWrapper5 = renderWrapper({
+                onChange: jest.fn(),
+                text: 'test',
+                language: 'javascript'
+              }), view = _renderWrapper5.view;
+              runButton = view.getByText('Run');
+              _context2.next = 5;
+              return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                return _regeneratorRuntime.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        userEvent.click(runButton);
+
+                      case 1:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              })));
+
+            case 5:
+              expect(trackClick).toHaveBeenCalledWith('run', undefined);
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    it('tracks clicks on the copy codebyte button', function () {
+      var _renderWrapper6 = renderWrapper({
+        onChange: jest.fn(),
+        text: 'test',
+        language: 'javascript'
+      }),
+          view = _renderWrapper6.view;
+
+      var copyButton = view.getByTestId('copy-codebyte-btn');
+      userEvent.click(copyButton);
+      expect(trackClick).toHaveBeenCalledWith('copy', undefined);
+    });
+  });
+});

package/dist/__tests__/helpers-test.d.ts

@@ -0,0 +1 @@
+export {};