Sinon: ESM 기본 내보내기에 대한 감시 실패/설명할 수 없을 정도로 차단됨

이 오래된 문제에는 실제로 __defineGetter__ 에 대한 언급이 없고 Object.defineProperty만 있으며 실제 ECMAScript 모듈이 아닌 변환된 Webpack 모듈만 처리합니다. 작동하지 않는다는 말은 아니지만 😄

가져온 ES 모듈의 (기본값이 아닌) 내보내기를 덮어쓸 수 있는 간단한 바닐라 자바스크립트 예제를 게시할 수 있습니까? 이것을 테스트하려면 some-module.mjs 및 file-that-overwrites.mjs 두 개의 파일이 필요하며 import 구문을 활성화하려면 Node에 대한 .mjs 확장자가 있어야 합니다.

이 테스트 스위트는 Sinon의 현재 동작을 문서화합니다.

참고로 여기 에서 [email protected]+ 에서는 FYI 스텁이 작동하지 않습니다.

@fatso83 그 오래된 문제는 실제로 그렇지 않습니다(하지만 😜라고 말하지는 않았습니다).

내가 의미하는 것은 ESM을 검출 할 때 Sinon 때문에 나중에 코드 아래에서 오류가 발생한다 Object.defineProperty(object, property, methodDesc) 실패합니다 TypeError: Cannot assign to read only property 'default' . 그러나 __defineGetter__ 는 실패하지 않습니다.

object.__defineGetter__(property, methodDesc.value);

Buuuut, Sinon 코드를 수정하고 실행하려고 했을 때 __defineGetter__ 에서 정의되지 않은 오류가 발생했습니다(아마도 엄격 모드 또는 기타?).

따라서 속성을 재정의하는 대신 개체를 다시 생성(새 값으로)하는 것과 같은 다른 방법을 생각하고 있습니다. 더 복잡하지만 적어도 할 수 있습니다.

참고로 여기 에서 [email protected]+ 에서는 FYI 스텁이 작동하지 않습니다.

마지막 작업 버전 3.8.3에서 동일한 문제

@zorji 및 @aelbore : 왜 이 스레드에 게시하는지 모르겠습니다. 새로운 문제를 보고하는 경우 별도의 문제를 만들고 보고를 위한 일반적인 단계(확인 방법, 실제 코드, 버전 등)를 따르세요. 우리는 Typescript를 지원하지 않으며 그렇게 말한 적이 없습니다. 물론 작동해야 하지만 자세한 내용은 변환 단계에 따라 다릅니다.

따라서 속성을 재정의하는 대신 개체를 다시 생성(새 값으로)하는 것과 같은 다른 방법을 생각하고 있습니다. 더 복잡하지만 적어도 할 수 있습니다.

그렇습니까? ES 모듈은 런타임 AFAIK에 바인딩된 정적 기능이며 수정할 수 없습니다.

가져온 기능은 파일에서 사용할 수 있으며 내보낸 기능의 읽기 전용 보기입니다. 가져온 변수는 변경할 수 없지만 const와 유사한 속성은 계속 수정할 수 있습니다. 또한 이러한 기능은 라이브 바인딩으로 가져오기 때문에 const와 달리 바인딩을 수정할 수 없는 경우에도 값이 변경될 수 있습니다.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

당신이 이것으로 아무데나 갈 수 있는지 기대하고 있지만 당신(또는 누군가!)이 그랬다면 나는 놀랄 것입니다.

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 없으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.

나쁜 봇. 이 어리석은 일을 끌 수 있습니까?

@OmgImAlexis 이 문제를 계속 열어둘 이유가 있다고 생각하십니까?

여러분, 문제를 요점으로 유지하고 원래 게시물에 언급된 내용만 논의하십시오.

유지 관리자가 동일한 문제에서 직교하는 주제를 탐색하지 않고도 무료 소프트웨어를 지원하는 무급 자유 시간을 보내는 것은 충분히 어려운 일입니다.

우리는 Sinon(JavaScript 도구)이 TypeScript 커뮤니티에서도 유용할 수 있다는 사실을 기쁘게 생각합니다. 하지만 @fatso83이 말했듯이 우리는 Typescript를 지원하지 않습니다 .

이번 호에서 TypeScript에 대한 주제를 벗어난 추가 댓글은 삭제됩니다.

이번 호에서 TypeScript에 대한 주제를 벗어난 추가 댓글은 삭제됩니다.

@mroderick 댓글 이 마음에 들지 않으면 무시하세요. 다른 사용자에게 도움이 되는 댓글을 적극적으로 제거하는 것은 전혀 도움이 되지 않습니다. 댓글을 제거하면 비슷한 사용자가 계속해서 댓글을 달고 결국 스레드가 잠기게 됩니다.

편집: 매우 쉽게 찾을 수 있는 "구독 취소" 버튼을 사용할 수도 있습니다. :)

죄송합니다, 저는 일에 매우 바빴습니다. 몇 주 후에 살펴보려고 합니다. 여러 라이브러리가 이를 수행하므로 가능해야 합니다 😁

@mroderick 댓글 이 마음에 들지 않으면 무시하세요. 다른 사용자에게 도움이 되는 댓글을 적극적으로 제거하는 것은 전혀 도움이 되지 않습니다. 댓글을 제거하면 비슷한 사용자가 계속해서 댓글을 달고 결국 스레드가 잠기게 됩니다.

편집: 매우 쉽게 찾을 수 있는 "구독 취소" 버튼을 사용할 수도 있습니다. :)

저는 이 프로젝트의 관리자이며 모든 의견을 읽으려고 노력합니다.

사람들이 정해진 규칙을 따르지 않고 제공된 지침을 무시하고 자신의 목적을 위해 원래 문제를 가로채기로 결정하기 때문에 댓글을 무시하거나 이슈 구독을 취소할 수 없습니다. 정중하고 재치 있고 효율적인 방식으로 문제를 해결하려고 노력하는 것은 제 책임입니다. 하이재킹 문제는 커뮤니티를 지원하는 것보다 더 어렵게 만듭니다.

당신과 다른 지역 사회를 도울 수 있도록 도와주세요.

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 없으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.

나쁜 봇.

@jshado1 이 문제가 계속 열려 있어야 한다고 생각하십니까?

@jshado1 은 이것이 잘 작동한다고 말했지만 이것이 바닐라 변환되지 않은 자바 스크립트에서 작동했다고 생각하지 않습니다. 해서는 안 되기 때문입니다. Babel/Webpack 또는 이와 유사한 것을 사용하여 모듈을 트랜스파일할 때 작동할 수 있습니다. 모듈만 에뮬레이트하고 런타임에서 읽기 전용 개체(모듈이 무엇인지)를 실제로 생성하지 않기 때문입니다. throw 절은 내가 추가한 것입니다. 왜냐하면 그것은 _그렇지 않으면 던질 것이기 때문입니다. 당신이 변경할 수 없는 것을 변경하려고 할 때 조금 후에. 그러나 esm 와 같은 런타임/모듈 로더는 필드를 약간 변경합니다.

동작이 잘못되었다고 생각되면 node_modules/sinon/lib/sinon/spy.js 편집하고 throws 절을 제거하고 다시 보고하는 것이 좋습니다. 유감 없음. 약속 :유니콘: :무지개:

@RyanCavanaugh 인용 (https://github.com/microsoft/TypeScript/issues/38568#issuecomment-628860591)

commonjs 하지만 ES 모듈 가져오기/내보내기를 작성하는 경우 TS는 여전히 ES 모듈 동작을 제공하려고 합니다.

이 코드는 읽기 전용 속성( import * as name 으로 가져온 속성은 변경할 수 없음)을 수정하려고( sinon.stub 를 통해 간접적으로) 시도하기 때문에 사실상 합법적인 ES가 아닙니다. 작동하지 말았어야 했습니다.

이것은 기본적으로 내가 말한 것입니다. 따라서 이 결과는 트랜스파일 단계, 트랜스파일러가 해당 단계를 수행하는 방법 등에 전적으로 의존하므로 ESM 사양에 어느 정도 일치하는 결과를 생성하려고 하면 _작동하지 않아야 합니다_ ES 모듈의 내보내기는 변경할 수 없습니다(물론 해당 내보내기에 의해 바인딩된 실제 개체는 아님).

@mroderick @fatso83 그동안 쉬는 시간이 없었고 그 이후로 직장에서 https://github.com/nodejs/node/blob/master/doc/api/esm .md#로더

이것들은 현재 불안정하므로(곧 변경될 것이라고 명시적으로 언급됨), 아마도 더 안정될 때까지 보류할 것입니다. 하지만 일단 그렇게 하면 가야 할 길이라고 생각합니다.

업데이트: 이것은 현재 nodejs/node#36396에서 논의 중입니다.

이 의견에 있는 내 제안이 이것을 매우 간단하게 만들 것이라고 생각합니다. 사용자는 수동으로 지도를 제공할 수 있으며 esm 로더는 이를 사용하여 다음을 대체할 수 있습니다.

// const mocksMap = { 'serviceA.js': 'serviceA.mock.js' };

const mock = mocksMap[importPath]; // note: it's not called `importPath` in the loader hooks
if (mock) // …

및/또는 esm 로더는 파일 이름을 기반으로 모의 일치를 찾을 수 있습니다(빠른 n 더티 예제).

const ext = path.ext(importPath);
const filename = path.basename(importPath, ext);
const mockFile = await import(`${filename}.mock${ext}`);

if (mockFile) // …

@jshado1 해당 링크를 제공해 주셔서 감사합니다. 연결된 문제는 본질적으로 _link 레벨_에서 종속성을 대체하는 문제를 처리하는 표준화된 방법을 찾으려고 하는 것입니다. 이는 rewire 및 proxyquire와 같은 도구가 하는 것과 유사합니다(이 방법은 홈 페이지에서 설명함 ). . 어쨌든 이것은 범위를 벗어나고 해결 방법은 전적으로 사용자 환경에 달려 있기 때문에 Sinon이 해결해야 하거나 해결해야 할 문제가 아닙니다.